Полное руководство по аутентификации с React Router 6

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

👉 @sWebDev

Webix UI Library

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

👉 @sWebDev

Vue 3 и взаимодействие компонентов

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

👉 @sWebDev

SurveyJS

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

👉 @sWebDev

Jamstack: философия веб-разработки на примере Next.js

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

👉 @sWebDev

Choreographer-JS

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

👉 @sWebDev

Карусель на Svelte

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

👉 @sWebDev

Искажение пикселей на Three.js

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

👉 @sWebDev

Final Form

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

👉 @sWebDev

React в 2022

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

👉 @sWebDev

Bideo.JS

На профессиональных сайтах используются фоновые полноэкранные видеоролики. Для работы с ними и предназначена Bideo.js. Эта JS-библиотека упрощает добавление видеофона, который отлично смотрится на любом экране.

👉 @sWebDev

Vanta.js

Библиотека, позволяющая создать анимацию за несколько строк кода. От других библиотек с анимацией отличается большим количеством разных настроек.

👉 @sWebDev

Текстовый редактор на Lexical и React

В статье рассмотрим, как создать собственный тестовый редактор с применением Lexical и React.

👉 @sWebDev

Iwder.js

Iwder.js - это библиотека, которая позволит вам создавать разные варианты загрузчиков для ваших проектов.

👉 @sWebDev

Superplaceholder.js

Как можно догадаться из названия, данная библиотека направлена на работу с placeholder. Со всеми её возможностями можно ознакомиться по ссылке.

👉 @sWebDev

DropzoneJS

DropzoneJS позволяет легко создавать окна для загрузки файлов с помощью перетаскивания. С помощью этой библиотеки вы сможете добавить предварительный просмотр изображений и файлов, а также анимации прогресса загрузки.

👉 @sWebDev

Новвоведения в Angular 14

В статье подробно рассмотрим последнее обновление Angular и ознакомимся со списком его нововведений.

👉 @sWebDev

Sticky kit.js

Sticky kit.js создает эффект «прилипания» элементов, которые всегда закреплены при скролле содержимого страницы. Имеет легкий обработчик прокрутки, который работает с кэшированными значениями.

👉 @sWebDev

Voca

JavaScript — явно не самый простой язык для работы со строками. Библиотека Voca упрощает эту задачу благодаря встроенным функциям, которых достаточно для большинства операций со строками.
Особенности:
1. Хорошо документированная и полностью протестированная библиотека с долгосрочной поддержкой;
2. Встроенные функции для обработки, нарезки, форматирования и запроса строк;
3. Может использоваться с любым фреймворком и не имеет внешних зависимостей.

👉 @sWebDev

💻 21 июня в 20:00 мск OTUS приглашает разработчиков, знакомых с JavaScript, на открытый вебинар «Обзор новых возможностей Node.js».

📚 На занятии обсудим нововведения в последних версиях Node.js и подробно разберем каждое из них.

🔥 Открытый урок дает возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» от OTUS, а также получить персональную скидку на курс от преподавателя после вебинара.🎁

➡️ Для регистрации на вебинар пройдите небольшой тест по JS https://otus.pw/0p0g/