Мемоизация в JavaScript и React

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

👉 @sWebDev

Ref() vs Reactive() в Vue 3

В статье наглядный обзор двух методов, возвращающих реактивный объект. Рассмотрим их особенности и различия.

👉 @sWebDev

Создаем игру на Three.js

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

👉 @sWebDev

Стейт менеджмент в React с MobX

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

👉 @sWebDev

Полное руководство по аутентификации с 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