Паттерны и антипаттерны в 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

Интерактивное меню на 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