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

React в 2022 Обзорная статья актуального состояния React. В материале автор делится своим опытом и видением текущего состояния, проводит аналогии и осуществляет тесты. Ознакомиться подробно можно по ссылке. 👉 @sWebDev

Final Form На большинстве сайтов бывает хотя бы одна форма, а зачастую их бывает больше. JavaScript-библиотека Final Form позволяет легко создавать красивые и доступные формы. Никакая другая библиотека не предоставляет таких возможностей по настройке, позволяющих точно контролировать, какие элементы формы получают уведомления об изменениях состояния. 👉 @sWebDev

Искажение пикселей на Three.js В статье рассмотрим один из вариантов создания эффекта искаженных пикселей на изображении. Владение данным функционалом поможет создавать оригинальные и красочные оформления для вашего проекта. 👉 @sWebDev

Карусель на Svelte Реализация популярного функционала карусели с применением библиотеки Svelte. По ссылке репозиторий, в котором можно ознакомиться с кодом и всеми подробностями. 👉 @sWebDev

One Day Offer для фронтенд-разработчиков 25 июня Яндекс проводит One Day Offer — онлайн-встречу, на которой вы можете получить оффер от Яндекса всего за один день. Вы JS разработчик с опытом от трех лет и хотите работать над интересными проектами в Яндексе? Регистрируйтесь на сайте, успейте решить задачи контеста до 21 июня, а 25 июня мы встретимся на онлайн-секциях, по результатам которых лучшие участники смогут присоединиться к командам Поиска, Yandex Cloud или Директа.

Choreographer-JS Веб-страницы могут содержать широкий спектр анимаций. Choreographer-Js — это простая библиотека JavaScript, которая позволяет обрабатывать как CSS-анимации, так и не-CSS. Пакет содержит большое количество анимаций для разных проектов и целей. 👉 @sWebDev

Всем привет! Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама. Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям. @MasterHuBot

Jamstack: философия веб-разработки на примере Next.js Jamstack сегодня - это современная архитектура веб-разработки, которая позволяет создавать веб-сайты на основе методологии микросервисов. Обладает всеми преимуществами статических страниц: высокой производительностью, трафикоустойчивостью, скоростью загрузки и безопасностью. Почитать подробнее о Jamstack можно по ссылке. 👉 @sWebDev

SurveyJS SurveyJS поможет вам создавать настраиваемые опросы и викторины, которые можно интегрировать с любым JS-приложением. Опросы сильно отличаются от обычных форм, прежде всего тем, что собранные в них данные должны быть затем проверены. Для опросов также существует гораздо больше предварительных настроек по сравнению с обычными формами. Особенности: 1. Позволяет расширять возможности опросов с помощью сторонних виджетов; 2. Опросы, созданные с помощью SurveyJS, можно интегрировать в любое приложение; 3. Можно создавать опросы, содержащие элементы бренда вашего сайта. 👉 @sWebDev

🎯 Хардкорный тест по Node JS 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript 🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js Время прохождения теста ограниченно 30 минут 🎯 Первые шаги мы сделаем уже 8 июня в 20:00 на открытом уроке «Многопоточность и обработка данных в Node.js». 👉 ПРОЙТИ ТЕСТ https://otus.pw/VwCP/

Vue 3 и взаимодействие компонентов Vue 3 позволил разработчикам создавать более гибкую структуру приложений. Часто можно заметить, что разные команды, а порой и разработчики внутри одной, используют целый зоопарк сомнительных подходов для организации взаимодействия между компонентами. Применяют какие-то крайности, либо всё в state manager, либо в composable (composition API), либо мутация props внутри дочерних компонентов. В статье подробно рассмотрим эту тему и изучим варианты взаимодействия компонентов доступные нам во Vue. 👉 @sWebDev

Webix UI Library Webix специализируется исключительно на бизнес-приложениях. Библиотека содержит 100+ UI виджетов, из которых можно собрать абсолютно любое бизнес-приложение. Подробный обзор по ссылке. 👉 @sWebDev

Полное руководство по аутентификации с React Router 6 React Router v6 — популярная и мощная библиотека маршрутизации для приложений React. Она обеспечивает декларативный, основанный на компонентах подход к маршрутизации. Подробное руководство по работе с React Router по ссылке. 👉 @sWebDev

Стейт менеджмент в React с MobX Один из наиболее часто задаваемых вопросов при создании приложений React относится к управлению состоянием. В этом руководстве мы узнаем, как использовать MobX для решения данной проблемы и ознакомимся с общими принципами и концепциями MobX. 👉 @sWebDev

Создаем игру на Three.js Благодаря развитию браузерных технологий, аппаратному ускорению и повышению производительности JavaScript, разработка интерактивных игр для браузеров становится распространенным явлением. В статье мы изучим руководство по созданию собственной игры при помощи Three.js. 👉 @sWebDev

Ref() vs Reactive() в Vue 3 В статье наглядный обзор двух методов, возвращающих реактивный объект. Рассмотрим их особенности и различия. 👉 @sWebDev

💻 7 июня в 20:00 мск OTUS приглашает всех разработчиков, знакомых с JavaScript, на открытый вебинар «Объекты в JavaScript». 🎯Преподаватель: Юрий Дворжецкий, ведущий Fullstack разработчик, кандидат физико-математических наук. 📚 Что будет? Рассмотрим особенности современной реализации объектов в JavaScript-движка: свойства, прототипное наследование и другие, а также некоторые аспекты производительности данных решений. 🔥 Открытый урок дает возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» от OTUS, а также получить персональную скидку на курс от преподавателя после вебинара.🎁 ➡️ Пройдите небольшой тест на знание JS для участия в мероприятии https://otus.pw/JY5q/

Мемоизация в JavaScript и React В этой статье мы рассмотрим мемоизацию (запоминание). Метод оптимизации, который может помочь сделать тяжелые вычислительные процессы более эффективными. Изучим основы мемоизации и разберемся, когда её стоит применять. 👉 @sWebDev

Intro.js Intro.js - создан для разработки простых и мощных руководств пользователей. Библиотека позволяет продемонстрировать возможности вашего продукта и показать, как им пользоваться. Данную библиотеку используют такие компании, как: Amazon, Nestle и другие. 👉 @sWebDev

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