React Хуки React на практике - Udemy (2021)

[VkurseAngel]

Хуки React на практике
Udemy - Anton Golosnichenko

Создайте собственную библиотеку полезных хуков


Добро пожаловать на курс "Хуки 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
  
  
• У вас останется библиотека полезных хуков для использования в дальнейших проектах
  
  
• Доступен исходный код ко всем лекциям

Продажник:

Скачать курс: