Gurufy облегчает изучение React.js разработки. 
C помощью крутых short гайдов вы можете изучить весь стек React.js быстро и легко.

Официальный сайт - https://gurufy.dev/

На данный момент доступны курсы по: Next.js, TypeScript, Jest, React Testing Library и другие.

Viro React

Это сторонняя кросс-платформа с открытым исходным кодом, которая помогает разработчикам создавать приложения дополненной реальности (AR) и виртуальной реальности (VR), в экосистеме React.

👉 @sWebDev

Tabulator — Библиотека для создания таблиц

Позволяет создавать интерактивные таблицы из различных данных, в формате HTML Table, Javascript Array или JSON.

Особенности / преимущества:
✔️Поддержка Safari, Chrome, Firefox, Opera, IE
✔️Оснащена полезными функциями (фильтры, сортировка, редактирование, загрузка данных)
✔️Возможность работы с React, Angular и Vue
✔️Не имеет зависимостей
✔️Стилизация с помощью классов CSS

Сайт: http://tabulator.info/
Гит: https://github.com/olifolkerd/tabulator

#библиотеки #полезно #js

👉 @frontend_mind

Заглянем под капот React Native и узнаем обо всех тонкостях его внутренней работы: выполнение кода JavaScript на устройствах Android/iOS и преобразование его в нативный, рендеринг UI, взаимодействие потоков в приложении, а также многое другое.

https://nuancesprog.ru/p/13634

@nuancesprog #статьи #React

Увлекательное обучающее руководство по работе с библиотекой lottie-react-native и созданию интересной анимации в приложении React Native.

https://nuancesprog.ru/p/13845

@nuancesprog #статьи #React

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

https://nuancesprog.ru/p/13874

@nuancesprog #статьи #React

Обучающее руководство для новичков по созданию бессерверных функций с помощью Netlify: настройка проекта, создание приложения и развертывание API.

https://nuancesprog.ru/p/14167/

@nuancesprog #Netlify #JavaScript

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