​​Renature - библиотека для анимаций в React

Вдохновлена законами физики

Фичи:

Контроль анимаций с помощью хуков
Высокая производительность

#jslib #animation #react #frontend #webdev #javascript #reasonml

​​Sosse - Dev server для Node.js

Можно назвать альтернативой nodemon

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

#backend #javascript #nodejs #jslib

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

#jsarticle #frontend #javascript #react #hooks #webdev

​​Nexo - экспериментальный веб фреймворк

Основан на Deno и Preact (легковесная альтернатива React)

Находится в активной разработке

Из фишек:

HMR (hot module replacement)
Preact SSR (серверный рендеринг)
Вывод серверных и клиентских ошибок в браузер
Автоматическая сборка

#preact #frontend #react #webdev #jslib #javascript

​​Shiki - библиотека для подсветки кода в HTML страницах

Использует грамматику из TextMate и темы из VS Code

#webdev #javascript #backend #jslib

​​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