Этот курс представляет собой полное пошаговое руководство по написанию кастомных хуков React и созданию библиотеки хуков с нуля. Уверенно осваивайте React Hooks — преобразующее обновление, добавленное начиная с версии React 16.8, которое значительно упрощает повторное использование кода по мере роста вашей кодовой базы React.
В этом курсе мы создадим набор кастомных многоразовых хуков, клон react-hanger, по сути переходя от нуля к полностью автоматизированному конвейеру публикации, который следует лучшим практикам. Мы рассмотрим общие API-интерфейсы Hooks, которые должен знать каждый разработчик React, а затем перейдем непосредственно к реализации пользовательских React-хуков, аналогичных тем, которые вы найдете в ведущих библиотеках React в экосистеме React с открытым исходным кодом.
Почему этот курс
React Hooks обещают устранить трудности совместного использования состояния без написания компонентов на основе классов. Проблема заключается в том, что хуки избавляются от методов жизненного цикла и основанной на классах семантики управления состоянием, с которыми были знакомы многие разработчики React. Самостоятельное изучение React Hooks может занять много времени, сбить с толку и разочаровать. Имея это в виду, было создано руководство по созданию библиотеки React Hooks, чтобы предоставить полное руководство, полностью охватывающее React Hooks. Через несколько часов вы хорошо разберетесь в React Hooks и в том, как их реализовать.
Темы курса
Этот курс содержит практические инструкции по использованию и созданию React Hooks, а также лучшие практики, необходимые для создания более широких библиотек React Hooks, которые могут использовать другие сотрудники вашей организации. В первом модуле представлен обзор проекта библиотеки React Hooks, который мы создадим, и мы настроим полную среду с инструментами для разработки библиотек. Последующие модули затем проведут вас через сборку с помощью React Hooks и создание вашей библиотеки React Hooks, включая:
- Основы API хуков
- Разработка пользовательских React Hooks
- Как написать многоразовые хуки React
- Распространенные ошибки React Hooks, которых следует избегать в вашем коде
- Транспиляторы и упаковщики для библиотек JavaScript
- Использование GitHub Actions для тестирования, сборки и анализа вашей библиотеки
- Опубликуйте свою библиотеку React Hooks в NPM
Мы будем использовать такие инструменты, как React, TypeScript, Babel, а также GitHub Actions для создания, тестирования и упаковки библиотеки React Hooks, доступной для скачивания с NPM. В конце концов, создайте собственную библиотеку React Hooks и изучите лучшие практики, которые сделают ваш код пригодным для повторного использования. Обладая этими навыками, вы сможете более уверенно вносить свой вклад в любую кодовую базу React, используя React Hooks, и сделать свою команду более продуктивной.