​5 способов документировать React-компоненты

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

Cтатья рассматривает 5 популярных сервисов для удобной работы с компонентами:

👉 Bit
👉 React Styleguidist
👉 React-Docz
👉 React-docgen
👉 Storybook

Примеры установки и использования прилагаются 😉

Читать: https://blog.bitsrc.io/5-ways-to-document-react-components-in-2020-ecf60f24dee8

#tools #components #react

Паттерны реактивности в 2020 году

Большое исследование моделей реактивности в современном фронтенде: https://prglb.ru/3jugh

#frameworks #tools #reactivity #frontend #bestpractices

Mousetrap.js

Легкая библиотека для привязки сочетания клавиш. Поддерживает множество действий и разные раскладки.

На github: https://prglb.ru/3mbx7

#tools #library

Mo.js

JS-библиотека для создания motion графики на JavaScript. Предоставляет полный контроль над анимацией и множество встроенных компонентов.

Ссылка: https://prglb.ru/35orb

#tools #library #animation

⚛️ Локализация приложений React с i18next

Перевод интерфейса на разные языки – головная боль разработчика рассчитанных на международную аудиторию программ. Предлагаем вам быстрый и простой способ локализации приложений React с помощью плагина i18next.

https://prglb.ru/4e571



#react #tools

Повышаем квалификацию с лучшими инструментами для web-разработки на React

Полезная подборка инструментов и библиотек для работы с React: https://prglb.ru/v5uf

#react #tools

10 инструментов ReactJS для прокачки скиллов веб-разработчика

https://prglb.ru/1sw4s

#react #tools

​Подборка React-библиотек на 2021

В последние месяцы появилось много новых инструментов для React-экосистемы. Отбираем самые лучшие: https://proglib.io/w/5a28c513

#react #tools #library

​Детальный разбор процесса сборки в webpack

https://proglib.io/w/6fa568dc

#tools #webpack