Содержание:

#документация - ссылка на документацию
#tutorial - руководства
#tools - инструменты для автоматизации
#lib - пакеты
#ui - стили, компоненты
#store - управление состоянием
#conf - конференции
#video - видео уроки, обзоры

#react #hook #jsx #errors
#redux #storybook
#typescript #news
#ru #en

Поддержать развитие канала https://qiwi.me/react_it

5 практических рекомендаций по использованию React-хуков в продакшне

#tutorial #hook #react

​​How to Persist React State in Local Storage

В этом посте сначала знакомят с работой API localStorage, затем рассматривают, как его использовать в функциональных компонентах React с хуками React.

#hook #tutorial #store #react

Туториал по React хукам

Anna Danilec рассказывает что такое React хуки, зачем они нужны и как их правильно использовать.
В статье описываются базовые хуки useState() и useEffect(), redux хуки useSelector() и useDispatch()

#hook #tutorial #react

ReactJS: шпаргалка по хукам

Представляю вашему вниманию справочник по основным хукам React: useState, useEffect, useLayoutEffect, useContext, useReducer, useCallback, useMemo и UseRef.

~~~~~~~~~
#cheatsheet #tutorial #hook #react #ru
@react_it

React: how to dynamically sort an array of objects using the dropdown (with React Hooks)

Предположим, у нас есть следующая проблема:
- отсортировать массив объектов
- делать это динамически на основе различных значений свойств
- отобразить это в браузере с помощью react.js
ОК, приступим к делу!

[Статья]: bit.ly/2FWqH80
[Исходники]: github.com/KaterinaLupacheva/react-sorting-with-dropdown

~~~~~~~~~
🇺🇸 #tutorial #hook #react #en
@react_it

Обработка ошибок в React Hooks

Освоим обработку ошибок и исключений в React Hooks за 5 минут! Рассмотрим сценарий использования на примере утилиты для деления двух значений и узнаем, как присходит отслеживание появляющихся ошибок. Попробуем создать в виртуальном редакторе свой сценарий в режиме реального времени.

[Статья]: nuancesprog.ru/p/9823

~~~~~~~~~
🇷🇺 #tutorial #errors #hook #react #ru
@react_it

Myths about useEffect

Мифы об использовании useEffect

Kent C. Dodds в своем блоге описал о проблемах с которыми сталкиваются люди используя useEffect

~~~~~~~~~~
🇺🇸 #tutorial #hook #react #en
@react_it

Deep Dive into React Hooks

React Hooks - новейшее дополнение к экосистеме React, начиная с React 16.8. Базовая форма React Hooks позволяет вам использовать состояние и другие функции React без написания класса. Так будет ли он заменять компоненты на основе классов в React? Увидим это через мгновение. Сначала давайте попытаемся понять причину наличия такой функции, а затем давайте разберемся с основными концепциями и терминологией

~~~~~~~~~~
🇺🇸 #tutorial #hook #react #en
@react_it

Build a TikTok Clone with React and Firebase

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

~~~~~~~~~~
🇺🇸 #tutorial #hook #clone #react #en
@react_it

React Hooks: How to Get Started & Build Your Own

React Hooks: как начать работу и создать свой собственный

[Статья]: www.sitepoint.com/react-hooks

~~~~~~~~~~
🇺🇸 #tutorial #hook #react #en
@react_it

Why React Hooks over HOCs

Почему React использует хуки вместо HOC. Робин вернулся с фантастическим набором примеров, демонстрирующих преимущества использования hooks над компонентами более высокого порядка HOCs.

[Статья]: www.robinwieruch.de/react-hooks-higher-order-components

~~~~~~~~~~
🇺🇸 #react #hook #hoc #en
@react_it

Пишем кастомный хук для работы с Web Worker в ReactJS

https://www.youtube.com/watch?v=vxtRIswyO3Y&feature=emb_logo

@react_it #video #hook
~~~~~~~~~~

How to Use the useReducer React Hook to Share Data Between Components

https://medium.com/swlh/how-to-use-the-usereducer-react-hook-to-share-data-between-components-83123c9580a4

@react_it #hook
~~~~~~~~~~

React.useMemo and when you should use it

https://medium.com/javascript-in-plain-english/react-usememo-and-when-you-should-use-it-e69a106bbb02

@react_it #hook
~~~~~~~~~~

Using React Functional Components with Hooks in TypeScript

https://levelup.gitconnected.com/using-react-functional-components-with-hooks-in-typescript-6d61075edddc

@react_it #hook
~~~~~~~~~~

Redux Hooks with TypeScript

https://levelup.gitconnected.com/redux-hooks-with-typescript-4fba08f160ad

@react_it #hook #redux
~~~~~~~~~~

Advanced React Hooks: Deep Dive into useEffect Hook

https://codeburst.io/advanced-react-hooks-deep-dive-into-useeffect-hook-18470266047d

@react_it #hook
~~~~~~~~~~