React Product Slides

Пример применения слайдера React для карточки товара.

👉 @sWebDev

Pts

Библиотека для визуализации точек в пространстве. Из особенностей:
возможность работы с геометрическими фигурами, цветами;
не конфликтует с другими библиотеками;
малый вес.

👉 @sWebDev

Отрисовка в реальном времени с Vue, NodeJS и socket.io

По ссылке руководство с подробным описанием использования Vue, NodeJS и socket.io для отрисовки элементов.

👉 @sWebDev

Лоадер на Gsap

Интересные лоадеры делают приложение насыщеннее и колоритнее. По ссылке можно ознакомиться с кодом данного проекта, а после небольших оптимизаций внедрить его в свое веб-приложение.

👉 @sWebDev

Паттерны и антипаттерны в Node.js

Node.js — это серверная среда выполнения JavaScript, построенная на движке V8 в Chrome, который по своей природе является асинхронным и событийным. С помощью Node.js относительно несложно создать REST API и использовать такие фреймворки, как Express.js. Простота обеспечивает большую гибкость. Но, при создании масштабируемых сетевых приложений, можно запутаться в том, каким шаблонам следовать. В статье рассматриваются лучшие практики, которых стоит придерживаться при создании приложений на Node.js

👉 @sWebDev

Как сделать много форм, не сделав ни одной. React и Node.js

Мы постоянно имеем дело с формами: регистрация, заполнение анкеты, составление отзыва. Первое, что нам хочется сделать как разработчикам,— максимально выделить общие компоненты, чтобы как можно меньше дублировать код.
Допустим, мы можем сделать простые компоненты вроде инпутов или составные, типа окна с формой. Но всё равно бы пришлось постоянно собирать такие композиции во всех местах, не говоря уже о разном бэкенде для всех форм.
На самом деле есть другое решение. И об этом данная статья.

👉 @sWebDev

Paper Cut Text Effect!

Анимированный объемный текст, сделанный при помощи SCSS и Babel.js

👉 @sWebDev

Использование шаблонов проектирования группы GoF в React

Шаблоны проектирования позволяют создать повторно используемые и надежные решения распространенных проблем при разработке программного обеспечения. Использование шаблона проектирования может значительно сэкономить время при разработке и помочь быстрее внедрить новый элемент в производство. Чтобы повысить производительность процесса, разработчикам важно понимать принципы работы шаблонов проектирования и особенности их использования. В этой статье мы обсудим шаблоны проектирования группы Gang-of-Four и способы их реализации с помощью библиотеки React.

👉 @sWebDev

dhtmlxSuite

Библиотека предназначена для создания кроссбраузерных веб и мобильных приложений. Из преимуществ отметим возможность использования компонентов dhtmlxSuite по отдельности, низкий порог вхождения и совместимость с иными языками программирования. Виджеты совместимы с Java, ColdFusion, Ruby, Grails и другими серверными технологиями. Есть поддержка JSON, TypeScript, Promise API. Отметим и доступно написанную документацию, на освоение JavaScript фреймворка уйдет минимум времени.

👉 @sWebDev

Ghost Card

Карточка с анимацией, выполненная на CSS и Three.js

👉 @sWebDev

Руководство по повторному рендерингу 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