- Тренажер с практикой
-
Бессрочный доступ к теории
-
Асинхронный форматобучения
Включено в курс
Чему вы научитесь
- Создавать полноценные приложения на React
- Грамотно организовывать состояние приложения
- Взаимодействовать с бекендом по API
- Интегрировать React со сторонними библиотеками
- Использовать встроенные хуки
- Создать приложение, состоящее только из функциональных компонентов
- Внедрить готовые хуки для решения типовых задач
Описание
На этом курсе вы изучите React. Вы узнаете больше о создании компонентов, состоянии и жизненном цикле компонентов, а также о работе с событиями. В итоге вы научитесь создавать интерактивные пользовательские интерфейсы и манипулировать состоянием приложения. Изучение React пригодится, если вы решите создавать современные веб-приложения. Знания из этого курса помогают программистам создавать интерактивные интерфейсы и управлять состоянием приложения. Так же вы узнаете, как создавать приложения на функциональных компонентах. Вы научитесь использовать хуки для управления состоянием, доступа к DOM-элементам и других функций.
Чтобы учиться было проще, стоит заранее изучить JavaScript и основы HTML и CSS. Проще всего сразу двигаться по профессии Фронтенд-разработчик, где есть готовая программа, в которую входит и текущий курс.
Программа курса
-
2
Компоненты
Познакомиться с базовой единицей в react — компонентом. Научиться его создавать и отрисовывать в браузере. -
5
Работа с коллекциями
Научиться обрабатывать коллекции данных внутри компонентов. -
6
Различия jsx и html
Узнать об особенностях jsx, которые работают не так как в html. -
7
Обработка имён классов
Научиться правильно работать с классами компонентов, которые могут изменяться динамически. -
11
Автоматное программирование
Вспомнить что все вокруг автоматы. Научиться правильно работать с автоматами в React. -
13
Неизменяемость
Научиться работать с составными структурами в неизменяемом стиле и познакомиться с библиотекой `immutability-helper` -
14
Вложенные компоненты
Разобраться с хранением состояния и управлением событиями во вложенных компонентах. -
15
Функциональные компоненты
Рассмотреть создание компонентов на основе функций и использования пространств имён. -
16
Контекст (Context API)
Познакомиться с удобным способом получать доступ к глобальному состоянию во вложенных компонентах -
18
Тестирование
Узнать о проблемах, которые поджидают разработчика при работе с исходным кодом.тесты
-
19
Асинхронная обработка
Узнать об особенностях работы с объектом событием в асинхронном коде. Попрактиковаться в создании асинхронных обработчиков. -
20
Жизненный цикл компонента
Познакомиться с жизненным циклом компонента в процессе работы. -
24
Хук useState
Знакомимся с принципами работы хуков и изучаем самый базовый, отвечающий за работу с состоянием -
29
Композиция компонентов
Учимся выстраивать правильную композицию и оптимизировать приложение без memo -
31
Дополнительные материалы
Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса
Формат обучения
Испытания
Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже
Отзывы
Данный курс зашел как по маслу, материал полностью доступен для понимания! Нет ни одного момента, который остался бы полностью не раскрытым. Даже глава "Производительность" дала ключевое понимание правильной оптимизации приложения на Реакте, хотя, казалось бы, что можно рассказать в одной главе на одну страничку про такое огромное как Optimization, но и тут Хекслет показал своё мастерство в подаче материала. Просто Восторг! Спасибо за отличнейший курс!
Спасибо за отличный курс по React! Раньше для меня Reaсt казался чем то сложным , но после такого досконального объяснения разных мелочей , рад что стал намного лучше разбираться в нем чем раньше. После подробного изучения темы про DOM API , React получилось пройти в два раза быстрее , хотя сама тема в 2 раза больше )))
Классное задание: и оптимальное по сложности, и сама тема достаточно интересная!
Офигенный курс, очень круто прокачивает навыки! Спасибо всем кто принимал участие в создании данного курса и всем кто отвечал на вопросы в обсуждениях)
Всем привет! Команде Хекслет спасибо большое за подобного рода задачи. Вначале, при прочтении задания, приходит мысль, что потратишь на задачу не один день. Но после тщательного разбора задача не кажется такой уж сложной. Решение практически совпало с учителем