[sandbox] React Hooks

Моя песочница для понимания работы React Hooks. Функционал каждого хука рассмотрен по отдельности, а так же разобрано использование хуков на реальных примерах.

Быстрый старт

• клонируйте репозиторий: git clone https://github.com/Barbaris2/-sandbox-React-Hooks.git
• установите зависимости: yarn install или npm install
• перейдите в нужную ветку: git checkout <branch name>
• запустите проект: yarn start or npm start
• откройте http://localhost:3000 в Вашем браузере.

Описание веток

• git checkout master- смотреть на CodeSandbox.io - работа с React Hooks:
  • useContext - использование контекста.
  • useState - использование стейта.
  • useEffect - использование методов жизненного цикла.
  • useRef - использование ссылок.
  • useReducer - использование редьюсера.
  • useLayoutEffect - аналог useEffect, который запускается синхронно, после всех изменений в DOM дереве.
  • useCallback - используется для возврата мемоизованного коллбека. Повышение перфоманса (аналог shouldComponentUpdate).
  • useMemo - используется для возврата сохраненного значения. Повышение перфоманса (аналог shouldComponentUpdate).

Ветки репозитория:

• git checkout master