Анимация движущейся лампы GSAP

Анимация качающейся лампы, созданная с помощью библиотеки GSAP.

👉 @sWebDev

Typeahead.js

Typeahead.js — это открытая библиотека JavaScript для автодополнения, созданная и поддерживаемая Twitter. С ее помощью можно делать автозаполнение полей поиска и других текстовых полей на различных сайтах. Имеет два компонента: движок предложений и UI.

👉 @sWebDev

Swiper kit.js

Cлайдер, нацелен на работу с мобильными версиями сайта и веб-приложениями. Swiper обеспечивает аппаратное ускорение анимации на нативном уровне. Благодаря гибким настройкам можно использовать практически в любом проекте.

👉 @sWebDev

Ведение журналов Node.js

Ведение журнала является важной частью в создании современных веб-приложений. Благодаря этому, разработчики могут исследовать проблемы приложений и быстро их решать.
В статье рассмотрим несколько популярных решений для Node.js — Winston, Pino, Bunyan, Log Level и npmlog.

👉 @sWebDev

Mailwind

Mailwind является версией Tailwind CSS, созданной для разработки электронных писем в формате HTML.

👉 @sWebDev

Сайт на Iles.js

Нынешние тенденции в веб-разработке складываются в пользу динамических и анимированных веб-приложений. Но, что делать если нужен статический сайт? Для такого случая, можно использовать библиотеку Iles.js. По ссылке подробный туториал по созданию статического сайта.

👉 @sWebDev

5 библиотек для анимации на Vue.js

По ссылке подробный обзор популярных библиотек для создания анимации на Vue.js.

👉 @sWebDev

Boop-эффект на React

Реализация boop-эффекта с использованием React: изучаем паттерны архитектуры React и комбинируем хуки с компонентами для максимально рационального использования.

👉 @sWebDev

Slick

Карусель упрощает отображение множества изображений, не загромождая веб-страницу. Создание карусели, особенно адаптивной, с нуля — сложная задача. Библиотека Slick предоставляет настраиваемые адаптивные карусели из коробки.

👉 @sWebDev

Vanilla JS + Twilio + Node.js для разработки чата

В статье изучим руководство по созданию группового чата, используя стек технологий: Vanilla JS, Twilio и Node.js. Все подробности в статье по ссылке.

👉 @sWebDev

AR и VR с библиотекой A-Frame

Разберёмся как создавать VR и AR прямо в браузере. Будем использовать библиотеку A-Frame, которая позволит нам создавать трёхмерные миры с помощью HTML и Entity-Component, работающие с Quest, Rift, WMR, SteamVR, смартфонами и компьютерами.

👉 @sWebDev

RemixJS

Remix - фреймворк для JavaScript, использующий технологии React для создания внешней составляющей веб-приложений. Имеет ряд сходств с NextJS и является его прямым конкурентом. Разберёмся, что у этих фреймворков общего и в чем их главные различия.

👉 @sWebDev

Деление на страницы и фильтрация со стороны сервера Angular

В статье рассмотрим, как использовать RxJS для деления на страницы и фильтрации со стороны сервера таблицы данных в Angular.

👉 @sWebDev

Создаём PWA при помощи Vue.js

PWA - прогрессивное веб-приложение. Под этим термином понимается веб-сайт с функциями, благодаря которым он выглядит, ощущается и ведет себя так же как нативное мобильное приложение. Подробная информация о данном подходе в статье по ссылке.

👉 @sWebDev

Способы решения prop drilling в React

Prop drilling - это неофициальный термин для передачи данных, используя несколько вложенных компонентов. Проблема данного подхода в том, что данные передаются и в те компоненты, в которых они не нужны.
Подробная информация о данном подходе и случаях, когда его стоит применять в статье по ссылке.

👉 @sWebDev

Instauto

Instauto — это библиотека для автоматизации/ботов Instagram, написанная на javascript с использованием Puppeteer. Подробный обзор в репозитории.

👉 @sWebDev

Инструменты оптимизации перфоманса React

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

👉 @sWebDev

Прекращение долгосрочной поддержки AngularJS

Недавно была опубликована информация о прекращении дальнейшей поддержки AngularJS. Со всеми подробностями можно ознакомиться по ссылке.

👉 @sWebDev

Styled Components

Styled Components помогает расширить возможности CSS для стилизации систем компонентов React. Библиотека решает две проблемы: оптимизирует процесс разработки и улучшает опыт конечных пользователей.

👉 @sWebDev

reCaptcha в React приложение

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

👉 @sWebDev

TinyBase

TinyBase - крошечная реактивная JS-библиотека для структурированного состояния и табличных данных.

👉 @sWebDev