Изучение React может показаться сложным сначала, особенно когда вы не уверены, с чего начать, или оказываетесь перед пустым редактором кода. Но правильный курс поможет вам понять основные концепции и приобрести практический опыт, создавая проекты реального мира.

Мы только что опубликовали курс на канале freeCodeCamp.org на YouTube, который научит вас современному React самым увлекательным и практичным способом. Созданный Бобом Зироллом из Scrimba, этот курс наполнен более чем 170 задачами по кодированию и шестью захватывающими проектами. В конце концов у вас будут навыки и уверенность в разработке React-приложений, решающих реальные проблемы. Предыдущий курс по React от Боба является одним из самых популярных способов изучения React, и он полностью обновил этот курс, чтобы преподать все новейшие концепции React.

Что вы изучите в этом курсе

Курс структурирован на шесть обширных разделов, начиная с основ и постепенно переходя к более сложным концепциям:

  1. Основы React
    Погрузитесь в основы React, включая JSX, компоненты, props, state и принципы декларативного и компонуемого дизайна React. Ваш первый проект, ReactFacts, – это простое и увлекательное введение в создание функциональных компонентов и применение стилей.

  2. Проект журнала путешествий
    Изучите создание многоразовых компонентов и работу с props. Вы будете использовать функцию .map() JavaScript для динамического отображения журнала путешествий, делая его функциональным и визуально привлекательным.

  3. Проект шеф-повара Клода
    Изучите управление состоянием и формами при создании приложения для рецептов. Вы практикуете обработку событий, условное отображение и управление сложными состояниями с массивами и объектами. К концу этого раздела у вас будет глубокое понимание того, как обрабатывать взаимодействия с пользователем в React.

  4. Проект генератора мемов
    Получайте данные из API и используйте хуки useState и useEffect в React. Вы создадите генератор мемов, который динамически загружает и настраивает изображения мемов, давая вам опыт работы с получением данных и контролируемыми компонентами.

  5. Игра Тенсиз
    Создайте игру с бросанием кубиков, которая позволяет пользователям бросать, удерживать и сопоставлять кубики для победы. Этот проект отлично подходит для практики стилизации компонентов, условной логики и игровых механик в React.

  6. Проект финала сборки
    Завершите курс игрой в угадывание слов, которая ставит перед вами задачу спланировать и реализовать более сложные функции, включая улучшения доступности, совместное использование состояния и интерактивные компоненты пользовательского интерфейса.

Курс завершается советами и инструментами для оптимизации вашей среды разработки, включая расширения для VS Code и инструменты разработчика React, которые упрощают отладку и повышают продуктивность.

Заключение

Готовы сделать свой первый шаг в мир современного React? Ознакомьтесь с курсом на канале freeCodeCamp.org на YouTube (16 часов просмотра).