Создаем 3D анимацию на React

Рассмотрим, как создать 3D анимацию на React Three Fiber (R3F). Создание, настройка, геометрия, освещение и постобработка - все это в статье по ссылке.

👉 @sWebDev

Create.js

От веб-анимации до диджитал медиа – с помощью Create.js вы можете работать с чем угодно. Это не одна библиотека, а набор, созданных для разных целей. Например, Easel.js работает с HTML5 canvas элементами, Tweet.js помогает создавать анимации.
Каждая библиотека из сборки служит для определенной цели и предлагает современные возможности для всех основных браузеров.

👉 @sWebDev

Omniscient.js

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

👉 @sWebDev

Remotion

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

👉 @sWebDev

Шаблоны архитектуры React

По ссылке доступен обзор популярных архитектур React, которые вы можете использовать в ваших проектах.

👉 @sWebDev

Как управлять состоянием в Angular по мере роста приложения?

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

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

👉 @sWebDev

Intro.js

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

👉 @sWebDev

Мемоизация в 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