Frontender Libs - обзор библиотек JS / CSS

Только до конца месяца дарим 3 курса по IT за 0 рублей вместо 23 500! У тебя всегда 💡 много возможностей. Брать их или нет - решать тебе. Забирать свой пак можно тут 👌

Three JS background Анимированный бэкграунд, выполненный с помощью библиотеки Three.js. 👉 @sWebDev

Биндинг данных в React Материал в котором рассмотрим, как работать с разными элементами ввода и каких ошибок при этом стоит избегать. 👉 @sWebDev

Redwood Для описания данного фреймворка приведём цитату из его документации:"Redwood — своенравный, бессерверный фулстек фреймворк веб-приложений, позволяющий с легкостью создавать и развертывать приложения JAM-стека. Представьте себе React, статически поставляемый через CDN, который взаимодействует через GraphQL с вашим бэкендом, в свою очередь, работающим на AWS Lambdas по всему миру. И всё это развертывается с помощью git push. И это — Redwood." Подробный обзор доступен по ссылке. 👉 @sWebDev

Interactive particles Интерактивная сцена, выполненная с помощью библиотеки Three.js. 👉 @sWebDev

Typing text transition Анимация появления текста, выполненная на GSAP.js. 👉 @sWebDev

Ellipsis.js Ellipsis.js — это мини-библиотека для обработки многострочного многоточия. Используя эту библиотеку вы можете настроить обрезание текста в вашем веб-приложении. 👉 @sWebDev

Как создать бота Discord с Node.js, Discord.js и OpenAI GPT-3 В данном руководстве мы создадим умного бота Discord, который сможет отвечать на сложные вопросы и выполнять требуемые задания. Для этой цели воспользуемся Node.js, Discord.js и OpenAI API для GPT-3, одной из самых крупных и умных обученных нейронных сетей. 👉 @sWebDev

😎Освой продвинутые инструменты фронтенда — изучи React! 6 февраля в 20:00 мск пройдет открытый урок «Хуки и мемоизация» в рамках онлайн-курса «React.js Developer» OTUS. На занятии мы научимся эффективно использовать возможности React.js и избегать лишних рендеров. Занятие будет полезно frontend JavaScript разработчикам и начинающим React разработчикам. 👉 Пройдите вступительный тест для регистрации https://otus.pw/aZzT/

Фрагменты React Возврат нескольких элементов из компонента является распространённой практикой в React. Используя <React.Fragment>...</React.Fragment>, можно добавить родительский тег к элементам JSX без добавления дополнительного узла к DOM.

    render() {
    return (
        <React.Fragment>
        <ChildA />
        <ChildB />
        <ChildC />
        </React.Fragment>
    );
    }

👉 @sWebDev

Displacement Map Transition Анимированная смена изображений при скролле. Выполнено с применением библиотеки Three.js. 👉 @sWebDev

Как использовать механизм двустороннего связывания в Angular? Представьте, что вам нужно отобразить свойство в шаблоне и обновить его при изменении значения без перезагрузки страницы. Для этого вам необходим функционал двустороннего связывания. Какую использовать директиву чтобы его использовать? 👉 @sWebDev

Управление состоянием в React приложениях Не секрет, что построить полноценный стор на react context достаточно тяжело, а оптимизировать его ещё тяжелее. Это не всегда так, вариант простой и быстрой настройки в статье по ссылке. 👉 @sWebDev

Interactive particles text create with three.js Анимированный текст, выполненный на Three.js. 👉 @sWebDev

Bun Bun — это современная среда выполнения JS типа Node.js или Deno со встроенной поддержкой JSX и TypeScript. Она разрабатывалась с акцентом на трех вещах: быстрый запуск; высокая производительность; самодостаточность. По ссылке знакомимся с Bun. Обратите внимание, что пока это экспериментальная штуковина, поэтому использовать ее для разработки производственных приложений не рекомендуется. 👉 @sWebDev

Что такое состояние React В данной статье раскроем формальную сторону вопроса «что такое состояние» для лучшего понимания фундаментальных основ надёжности любого клиентского приложения. Хочется уже поставить точки в некоторых вопросах терминологии, чтобы чётче отвечать на вопросы «что, когда и зачем брать» при выборе библиотек и технологий для клиентского веб-приложения. 👉 @sWebDev

⭐ refine Open Source Hackathon ⭐ Build a refine project like CRUD app, admin panel, internal tool, forms, storefront, dashboard, library, data provider, auth provider, live provider, etc. Win $1500 in prizes and also special swag kits from the sponsors! For more detail: https://dub.sh/refine-hackathon

Fastify Фреймворк для работы с Node.js. Основной задачей является производительность. Разработчики утверждают, что он способен обрабатывать до 60 000 запросов в секунду. Основные преимущества: удобная обработка синхронных и асинхронных ошибок, валидация входных параметров, расширяемость. Подробный обзор по ссылке. 👉 @sWebDev

Яндекс Практикум выпустил курс по вёрстке для тех, кто хочет уйти во fullstack-разработку из бэкенда. За три месяца вы научитесь писать код на HTML и CSS по современным стандартам и сможете создавать графический интерфейс в дополнение к бэкенду. Вы научитесь — превращать дизайн-макеты в веб-страницы, — создавать сайты под разные устройства, — добавлять визуальные эффекты и сложные анимации с помощью CSS. Учиться предстоит на практике: вы сверстаете многостраничный сайт, сайт с тёмной и светлой темами, ещё 5 проектов для портфолио. → Записаться в первый поток курса