​​Formee - библиотека для расширения функционала <form> тега в HTML

Весит всего 532 байта, совместима с любой UI библиотекой (React, Vue и т.д.)

Содержит в себе два метода - сериализация и валидация

#webdev #javascript #frontend #jslib

​​Poi - простой и удобный сборщик, основанный на Webpack

По опыту использования близок к Parcel, но т.к. Poi основан на Webpack, есть возможность использовать webpack плагины, что делает бандлер более универсальным и мощным, чем Parcel или Webpack по отдельности

#javascript #frontend #webdev #jstools

Swiper - современный слайдер, заточенный под мобильные устройства

Особенности:
Оптимизированные (hardware accelerated) анимации
Ее привязан к фреймворку
Нацелен на современные устройства -> минимальное количество легаси кода
Основан на Flexbox
Ленивая загрузка изоражений
Поддержка RTL

#jslib #javascript #frontend #webdev

​​Zombie - fullstack фреймворк для headless тестов, использующий Node.js

Не требует браузера для запуска тестов, вместо этого он использует его симуляцию

#testing #javascript #webdev #jstools #frontend #fullstack #headless #nodejs

Система иконок в React приложениях

#frontend #javascript #webdev #react #jsarticle

Распознавание лиц на React

#react #frontend #webdev #jsarticle #javascript #facerecognition

​​Вычисляемые типы в TypeScript

#typescript #jsarticle

Переход на ассинхронность во Vue 3 с помощью Suspense

#webdev #javascript #frontend #jsarticle #vue

NextAuth – библиотека для авторизации в Next.js приложениях

Поддерживает такие базы данных как PostgreSQL, MongoDB и др. (также можно и не использовать бд)

Можно использовать либо JWT, либо БД для сессий

Интеграция с любым OAuth сервисом (Google, Twitter, Github и т.д.)

Все куки подписанные, защищённые CSRF и работают только на сервере

#javascript #frontend #webdev #nextjs #auth #react

​​Midori - JavaScript библиотека для создания анимированных фонов

#jslib #javascript #frontend #webdev

Клон Doom в 13 КБ JavaScript: Николас Карлини об опыте разработки игры для соревнования js13k в переводе на Хабре → https://habr.com/p/506912/

​​Chakra UI - библиотека компонентов для React

Соответсвует стандартам доступности WAI-ARIA

Лёгкая и мощная темизация всех элементов, включая размеры шрифтов, системы цветов, отступы и т.д.

Компоненты хорошо взаимодействуют друг с другом, что позволяет создавать свои собственные на основе существующих

#frontend #webdev #jslib #react #javascript

​​RemixIcon - огромный пак иконок

Все иконки бесплатные (с лицензией Apache) и с открытым исходном кодом

Всё доступно в форматах SVG и PNG

Можно скачать напрямую или загрузить через npm пакет

У каждой иконки можно настроить цвет

#frontend #jslib #webdev

​​Иллюстрированное введение в WebGL

#webgl #frontend #jsarticle #javascript #webdev

Сохранение данных в JavaScript без базы данных

#javascript #jsarticle #frontend #webdev

​​Гибридное позиционирование с помощью CSS переменных и ф-ции max

#css #frontend #webdev

useDarkMode - React хук для упрощения создания тёмной версии компонентов

#webdev #javascript #jslib #react #frontend

Понимание ES модулей в JavaScript

#javascript #jsarticle

Введение в Oak - веб-фреймворк наподобие Koa для Deno

#deno #backend #javascript #jsarticle #webdev

React Shimmer - компонент для ассинхронной загрузки изображений

#jslib #javascript #react #frontend #webdev