Redux, NextJS, Axios, Formik, Styled-components, React-query, Storybook - решение 16-ти задач разработки на React в сторонних пакетах NPM.

https://nuancesprog.ru/p/14231/

@nuancesprog #React

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

https://nuancesprog.ru/p/14380/

@nuancesprog #React

React: простое и эффективное решение для управления состоянием приложений


В этом небольшом "туториале" я хочу показать вам, как реализовать простое, но эффективное решение для управления состоянием React-приложений.
Немного забегая вперед, скажу, что решение получилось чуть менее производительным, чем "классическое" сочетание хука useReducer() и инструментов, предоставляемых Context API (которые, собственно, и составляют ядро решения).

Статья

Рассмотрели несколько способов оптимизации производительности приложений React с помощью различных методов кэширования.

Читать статью

⚙️ Защищенные сетевые протоколы

▪️ Введение, TypeScript, Apollo, AntDesign, WebSocket - Смотреть
▪️ React-у жизненно необходим TypeScript - Смотреть
▪️ React + TypeScript за 30 минут - Смотреть
▪️ Redux + TypeScript - Смотреть
▪️ React + connect, TypeScript, mapStateToProps, mapDispatchToProps - Смотреть
▪️ React + Redux + TypeScript, типизация Actions и Thunk - Смотреть
▪️ React + Redux + TypeScript, типизация axios, api, enum, Promise - Смотреть
▪️ Redux-Form + TypeScript + Generic или как решать проблемы - Смотреть
▪️ React + TypeScript / Actions Creators, Generic, infer - Смотреть
▪️ React + TypeScript / Типизируем ВСЁ - Смотреть

🔝 @itlecture

Повышение производительности вашего React-приложения с помощью React Profiler

https://indepth.dev/posts/1497/react-profiler

Тестирование пользовательского интерфейса нередко сопровождается разочарованием. Сегодня поговорим о том, как безболезненно и продуктивно протестировать React-компоненты и не столкнуться с подводными камнями.

https://nuancesprog.ru/p/15235/

@nuancesprog #React #Testing

Экосистема React в 2022 году

В статье рассматриваются текущее состояние экосистемы React, а также инструменты и библиотеки, которые необходимы для покрытия основных кейсов успешной разработки приложения.

https://proglib.io/w/b3ff317b

React Router 6: Private Routes 

https://www.robinwieruch.de/react-router-private-routes/ #react

Как правильно обрабатывать и регистрировать ошибки в React, какие инструменты стоит для этого выбрать?

https://nuancesprog.ru/p/14635/

@nuancesprog #React

Расширенные возможности React: серверные компоненты

https://blog.bitsrc.io/react-advanced-features-server-components-9c9e44a19f79

Серия видеоуроков о ReactJS под капотом от YouTube-канала «АйТи Синяк».

https://proglib.io/w/ed27ff02

Создаем общедоступные виджеты React

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

👉 @sWebDev

Создаем блог на React и RestDB

В статье пошаговый гайд разработки собственного блога с применением React и RestDB.

👉 @sWebDev

Создаем 3D анимацию на React

Рассмотрим, как создать 3D анимацию на React Three Fiber (R3F). Создание, настройка, геометрия, освещение и постобработка - все это в статье по ссылке.

👉 @sWebDev

Собираем React приложение при помощи Vite

https://blog.openreplay.com/building-a-react-application-with-vite

Альтернатива Next.JS? — Все, что вам нужно знать о RemixJS

https://blog.openreplay.com/an-alternative-to-next-js-everything-you-need-to-know-about-remixjs

Обзор RedwoodJS за 100 секунд: https://proglib.io/w/813e10be

Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания:

— Under-Engineered Custom Radio Buttons and Checkboxen
— Under-Engineered Toggles
— Under-Engineered Toggles Too
— Under-Engineered Text Boxen
— Under-Engineered Responsive Tables
— Under-Engineered Select Menus
— Under-Engineered Dependency Questions
— Under-Engineered Multi-Selects

Книга "Функциональное программирование. Как улучшить код JavaScript-программ"