​Chakra-ui – Простые, модульные и доступные компоненты пользовательского интерфейса для ваших приложений React

Chakra UI предоставляет набор доступных, многоразовых и компонуемых компонентов React, которые очень упрощают создание веб-сайтов и приложений

GitHub | #TypeScript #React #Web

​Saleor – Модульная, высокопроизводительная, headless платформа электронной коммерции, построенная на Python, GraphQL, Django и React.

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

GitHub | #Python #React #GraphQL #Platform

​reaflow – React-библиотека для построения флов-чартов, воркфлоу-диаграм с редактором

Библиотека многофункциональная и модульная, позволяет отображать настраиваемые, сложные визуализации

GitHub | #JavaScript #React #Interesting #Visualization

​galio – Опенсорсная библиотека с набором красиво-задизайненых компонент для React Native

GitHub | #JavaScript #React

​Time-tracker – туду листы с трекингом времени

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

Так можно отслеживать по какими задачами сколько времени было затрачено

Написано на TS с помощью react + electron + antd

GitHub | #TypeScript #React #Interesting

​React-query – Хуки для получения, кэширования и обновления асинхронных данных в React

Особенности:
• Transport/Protocol/Backend независимая выборка данных (REST, GraphQL, promises, что угодно!)
• Автоматическое кэширование + выборка (stale-while-revalidate, Window Refocus, Polling/Realtime)
• Параллельные + зависимые запросы
• Мутации + Reactive выборка запросов
• Многослойный кэш + автоматический сборщик «мусора» (garbage collector)
• Load-More + Infinite Scroll Queries w/ Scroll Recovery
• Отмена запросов и многое другое

⤷ Ссылка на проект

GitHub | #TypeScript #React #Query

​react-compress – инструмент, что позволяет уменьшить размер JS бандла при компиляции проекта

Эта библиотека сжатия была создана с помощью Brotli и Gzip для пользователей React, которые хотят повысить производительность веб-сайта и уменьшить код JS бандла без особых проблем

⤷ Ссылка на проект

GitHub | #JavaScript #React #Interesting #Useful

​Rockpack – данный инструмент позволяет создавать «каркас» React приложения в стиле create-react-app

Основная идея - сократить время настройки проекта с недель до 5 минут

⤷ Ссылка на проект

GitHub | #Interesting #JavaScript #React

​njt (npm jump to) – инструмент мгновенной навигации для пакетов npm. Ускоряет переход на сайт проекта, исходники, список релизов и т. д.

Примеры:

njt prettier (направление не указано)
🐸 → https://www.npmjs.com/package/prettier

njt prettier h (homepage)
🐸 → https://prettier.io

njt prettier s (source)
🐸 → https://github.com/prettier/prettier

Инструмент доступен через веб-интерфейс и терминал. Настраивается как поиск в браузере, в Alfred и VSCode.

⤷ Ссылка на проект
⤷ Веб-интерфейс
⤷ Пакет npm (для терминала)

GitHub | #Interesting #npm #TypeScript #React #NextJS #Vercel

​Slash – коллекция пакетов для JavaScript и TypeScript. Библиотека содержит более 30 npm-пакетов для создания высококачественных веб-приложений

Некоторые компоненты, хуки и функции можно использовать в React

⤷ Ссылка на проект

GitHub | #Interesting #JavaScript #React

​Awesome-React-Native – набор компонентов, библиотек, инструментов и материалов для изучения React

В репозитории есть ссылка на официальный сайт проекта

⤷ Ссылка на проект

GitHub | #Interesting #React #Awesome #Useful

​reaflow – React-библиотека для построения флоу-чартов и воркфлоу-диаграм с встроенным редактором

Библиотека многофункциональная и модульная, позволяет отображать настраиваемые, сложные визуализации

⤷ Ссылка на проект

GitHub | #JavaScript #React #Interesting #Visualization

​Winds — приложение для RSS и подкастов

Прекрасное приложение с открытым исходным кодом для RSS и подкастов, с фронтендом на React и Redux и бэкендом на Express.js. Можно использовать веб-версию приложения либо запустить его на своём сервере и настроить по своему усмотрению.

⤷ Ссылка на проект

GitHub | #Interesting #Web #JavaScript #React

React PDF – библиотека для создания PDF-файлов с помощью React.

У нее есть API для стилизации элементов документа с использованием свойств CSS, в частности Flexbox.

⤷ Ссылка на проект

GitHub | #Interesting #React #PDF