Руководство по повторному рендерингу React

Подробное руководство по повторному рендерингу React. Рассмотрим повторный рендеринг, в каком случае он необходим, а в каком нет. А также, что может вызвать повторный рендеринг компонента React.

👉 @sWebDev

Scrolling Image Effects

Еще один из вариантов создания эффектного скролла для ваших проектов. Реализовано на CSS и GSAP.js

👉 @sWebDev

JS Framework qooxdoo

Фреймворк Qooxdoo подходит для создания кроссбраузерных, многофункциональных приложений. По словам разработчиков для этого не понадобится знание CSS, HTML, DOM. Фреймворк имеет объектно-ориентированную архитектуру. Работает со всеми современными браузерами.

👉 @sWebDev

Как создать игру Tetris с помощью Three.js

Подробный гайд по созданию тетриса на библиотеке Three.js. Данный проект будет особенно полезен разработчикам, которые только начинают знакомство с данной библиотекой.

👉 @sWebDev

Smoke Three.js

Во время загрузки происходит рандомное создание элементов, создающих анимацию на странице. Создано с использованием библиотеки Three.js.

👉 @sWebDev

Вредные советы для React-разработчиков

Недавно британские ученые открыли, что на свете бывают непослушные разработчики, которые все делают наоборот. Им дают полезный совет: «Не подключай целую библиотеку ради одной функции», — они берут и подключают. Им говорят: «Будь внимателен на код-ревью», — они тут же начинают апрувить все подряд. Ученые придумали, что таким разработчикам нужно давать не полезные, а вредные советы. Они все сделают наоборот, и получится как раз правильно. На самом деле, по ссылке находится ряд советов для разработчиков, благодаря которым можно углубить понимание библиотеки и улучшить свой код.

👉 @sWebDev

Music - магнитофон-проигрыватель

Проект анимированного магнитофона. Реализовано с помощью библиотеки Gsap.

👉 @sWebDev

Dragula Angular

Небольшая библиотека для Angular, позволяет быстро и удобно создавать эффект drug&drop для ваших элементов. Подробный обзор по ссылке.

👉 @sWebDev

Правильное создание форм в React.js

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

👉 @sWebDev

Интерактивное меню на Babel.js

По ссылке проект интерактивного меню для вашего веб-приложения. Выполнено на SCSS и Babel.js.

👉 @sWebDev

Использование v-model во Vue 3

В статье рассмотрим изменения в директиве v-model во Vue 3. Также, изучим несколько привязок v-model для упрощения процесса создания сложных форм.

👉 @sWebDev

Ramda

Ramda — это JavaScript библиотека для функционального программирования. Одна из прекрасных сторон JavaScript — это то, что разработчики могут выбирать между функциональным и объектно-ориентированным программированием. У обоих подходов есть как плюсы, так и минусы, но, если вы предпочитаете именно функциональное, то стоит определённо обратить внимание на Ramda. Подробный обзор по ссылке.

👉 @sWebDev

Space Travel

Анимированная сцена, созданная при помощи SCSS, SVG, Three.js и GSAP.js.

👉 @sWebDev

Stack game with Three.js and Cannon.js

Залипательная игра, созданная на CSS и библиотеках Three.js и Cannon.js.

👉 @sWebDev

Lodash

Lodash по-прежнему является одной из популярных и полезных JavaScript библиотек. Она берёт на себя все хлопоты по работе со строками, массивами, объектами и прочим. Полный обзор по ссылке.

👉 @sWebDev

Magnetic Hover Interaction

Эффект притягивания магнитом при наведении. Выполнено на SCSS и GSAP.js.

👉 @sWebDev

Preact

Библиотека Preact, как можно судить из её названия, весьма похожа на React. Но, гораздо меньше, её размер составляет всего 3 Кб. Preact даёт разработчику современный API, как у React и предоставляет компактную реализацию абстракции виртуальной DOM. Подробный обзор доступен по ссылке.

👉 @sWebDev

Как быстрее освоить фронтенд разработку? Используйте комплексный подход!

Немаловажный фактор - наличие обратной связи. Вот почему мы собрали для вас бесплатный интенсив с практикой и обратной связью.

Будет общий чат, проверка домашек от экспертов, различные бонусы!

Проскочить на интенсив бесплатно можно по ссылке: Frontend Start

Going to Quasar

Анимация, созданная с помощью canvas и библиотеки p5js.

👉 @sWebDev

Использование директивы NgOptimizedImage для реализации загрузки изображений в Angular

Если используете Angular, то полезно разобраться с принципом работы директивы NgOptimizedImage, используемой для реализации загрузки изображений, доступной в Angular 14.2.0.

👉 @sWebDev