Кубик Рубика

Интерактивная головоломка, созданная на HTML, CSS и Three.js.

👉 @sWebDev

Руководство по Vue 3 Composition API

Composition API - позволяет устранять ограничения и дает возможность управлять скоростью приложений без ущерба их архитектуре и валидности кода.
По ссылке подробное руководство по Vue 3 Composition API.

👉 @sWebDev

Riot

Riot — это простая библиотека для разработки пользовательских интерфейсов, основанная на компонентах. Позволяет применять пользовательские элементы во всех современных браузерах без необходимости использования полифиллов. Эти компоненты помогают объединять HTML и JavaScript, формируя сущности, подходящие для многократного использования. Синтаксис Riot отличается чистотой и рассчитан на лёгкость восприятия программных конструкций. Размер Riot составляет всего 6 Кб.

👉 @sWebDev

Dreaming of Jupiter - Three.js

Анимированная сцена, созданная при помощи CSS и библиотеки Three.js.

👉 @sWebDev

Backbone.js

Аналог тяжеловесных JS-библиотек. Необходимо учитывать, что для работы с библиотекой понадобится jQuery, либо его аналог. Фреймворк можно использовать в проектах и по частям. Backbone.js придает структуру веб-приложениям, предоставляя модель с привязкой «ключ-значение», настраиваемыми событиями и коллекциями с богатым API – все это можно подключить к существующему API через интерфейс RESTful JSON.

👉 @sWebDev

3D Carousel на React

Карусель, созданная на React и SCSS. Немного оптимизации и карусель можно использовать в собственных проектах.

👉 @sWebDev

Portal scene на Three.js

Анимированная 3D модель, созданная на SCSS и Three.js.

👉 @sWebDev

Продвинутые хуки в React: всё о UseEffect

useEffect — это хук, который можно использовать для замены некоторых методов жизненного цикла классового компонента. UseEffect используется в следующих случаях:
при визуализации компонента (метод componentDidMount в классовом компоненте);
при обновлении компонента (метод componentDidUpdated в классовом компоненте);
при удалении компонента из DOM (метод componentWillUnmount в классовом компоненте).

👉 @sWebDev

Letterize.js

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

👉 @sWebDev

Folding Ticket Detail

Анимированное расписание полётов. Созданное на CSS и React.

👉 @sWebDev

Девять порочных практик React. Разбираем частые ошибки

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

👉 @sWebDev

Survey.js

Survey.js — библиотека, позволяющая создавать опросы, формы, викторины и тесты разной сложности. Гибкий и простой процесс создания, можно менять дизайн и создать собственное хранилище данных. Подробный обзор доступен по ссылке.

👉 @sWebDev

5 общих советов по оптимизации React приложений

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

👉 @sWebDev

Nuxt.js

Nuxt.js — это фреймворк для создания универсальных приложений на Vue.js с использованием Node.js. С помощью него можно рендерить UI на сервере и генерировать статические сайты.

👉 @sWebDev

Ecommerce приложение на NestJs

NestJS - один из фреймворков Node для создания приложений на стороне сервера. В статье рассмотрим, как создать приложение на NestJs, используя максимум возможностей библиотеки.

👉 @sWebDev

Semantic UI

Semantic UI — это фреймворк для создания переносимых интерфейсов, который поможет повторно использовать элементы UI в своих проектах.

👉 @sWebDev

Создание многократно используемых компонентов React оптимальным способом

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

👉 @sWebDev

GraphicsJS

GraphicsJS - библиотека для работы с графикой, основанная на SVG. Позволяет генерировать анимированную графику. Подробный обзор по ссылке.

👉 @sWebDev

Space globe - Three.js

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

👉 @sWebDev

Разработка Angular-приложений и построение их архитектуры

Разработчик из компании SimbirSoft делится опытом по созданию архитектуры приложений на Angular. Узнаем как разработать приложение, чтобы специалист любого уровня, зная Angular мог легко разобраться в коде и структуре приложения.

👉 @sWebDev