Хуки React на практике [2021] [Udemy] [Anton Golosnichenko]

Топикстартер · 13 окт 2021

Хуки React на практике [2021]
Создайте собственную библиотеку полезных хуков

Описание
Добро пожаловать на курс "Хуки React на практике"!

Хуки — нововведение в React 16.8, которое позволяет использовать состояние и другие возможности React без написания классов. Хотя компоненто-ориентированная архитектура позволяет нам повторно использовать view в нашем приложении, одна из самых больших проблем, с которыми сталкивается разработчик, заключается в том, как повторно использовать логику, находящуюся в состоянии, между компонентами. Когда у нас есть компоненты, которые имеют сходную логику состояния, нет хороших решений для переиспользования компонентов, и это иногда может привести к дублированию логики в конструкторе и методах жизненного цикла.

Чтобы решить эту проблему, обычно используют:

компоненты высшего порядка (High Order Components)

render props

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

Хуки нацелены на решение всех этих проблем, позволяя вам писать функциональные компоненты, которые имеют доступ к состоянию, контексту, методам жизненного цикла, ref и т. д., без написания классов.

В рамках этого курса мы познакомимся со стандартными хуками React и сделаем на практике свою библиотеку полезных хуков:

useInput

useTabs

useTitle

useClick

useConfirm

usePreventLeave

useBeforeLeave

useFadeIn

useNetwork

и многое другое!

Мы будем использовать следующий стэк:

React

NPM

После прохождения курса:

Вы научитесь работать со стандартными хуками в React

Сделаете собственные полезные хуки, которые сможете использовать в других проектах

Научитесь публиковать свои репозитории на NPM

Резюме курса:

Число лекций: 19 (Общая продолжительность видео: 2 ч. 46 мин.)

Вы научитесь работать со стандартными хуками в React

У вас останется библиотека полезных хуков для использования в дальнейших проектах

Доступен исходный код ко всем лекциям

Скрытая ссылка