Скачать [Stepik, Илья Фофанов] React - Полное руководство (2023)

[IvX]

Автор: Stepik, Илья Фофанов
Название: React - Полное руководство (2023)

Описание:
Что вас ждет в процессе обучения:

• Применение React для разработки пользовательских интерфейсов.
• Эффективное разделение приложения на логические компоненты.
• Умение связывать компоненты с использованием технологии props, а также с помощью глобального состояния с применением встроенных инструментов React, таких как useContext, или с использованием стейт-менеджера Redux Toolkit.
• Овладение навыками создания маршрутов в приложении.
• Навыки работы с параметрами запроса и возможность динамического создания контента на участке страницы, зависящего от текущего URL-адреса.

О курсе: Данный курс предназначен для тех, кто слышал о библиотеке React, но не имел опыта работы с ней. Процесс обучения построен вокруг небольшого учебного проекта, который начнете разрабатывать уже с начальных лекций. Таким образом, по мере развития проекта вы будете постепенно углубляться в каждую следующую тему, применяя новые знания на практике. Это поможет избежать изучения отдельных, несвязанных между собой тем, которые впоследствии сложно объединить.

В ходе обучения вы изучите все ключевые современные технологии библиотеки React, а также две важные библиотеки, которые важны для современной разработки на React: React Router и Redux Toolkit. Курс будет ориентирован на функциональные компоненты, но также будут предоставлены лекции, посвященные классовым компонентам. Для комфортного усвоения материала желательно иметь базовые знания HTML + CSS + JS. Несколько лекций также будут посвящены JS, необходимому для понимания концепций, с которыми вы столкнетесь при изучении React.

По завершении курса вы сможете:

• Разрабатывать пользовательские интерфейсы с использованием React.
• Эффективно структурировать приложение на компоненты.
• Овладеть навыками связывания компонентов с помощью технологии props, а также с использованием глобального состояния через инструменты React, такие как useContext, или с помощью Redux Toolkit.
• Создавать маршруты в приложении.
• Работать с параметрами запроса и динамически генерировать контент на странице в зависимости от текущего URL.

Кроме фундаментальных тем, в курсе также будет освещено более широкие аспекты разработки, такие как стилизация компонентов, более продвинутые хуки и более глубокое понимание работы React "под капотом". Курс разбит на 50 основных лекций, посвященных библиотеке React, а также дополнительные лекции по нативному языку JavaScript, которые помогут вам лучше освоить основной материал.

Для кого этот курс: Курс рассчитан на новичков, желающих быстро овладеть разработкой с использованием React JS.

Предварительные требования: Предпочтительно иметь хорошие знания HTML+CSS+JS.

Содержание курса: Курс включает следующие темы:

• Необходимые знания JS для курса.
• Создание репозитория кода для курса.
• Работа с переменными.
• Использование шаблонных литералов и динамических строк.
• Операторы условий if и тернарный оператор.
• Оператор нулевого слияния и логический оператор &&.
• Метод foreach для работы с массивами.
• Работа с массивами: метод Find, метод Filter, метод Map, метод Reduce.
• Введение в React: что это такое и знакомство с синтаксисом.
• Создание первых компонентов на React.
• Изучение JSX разметки и её синтаксиса.
• Композиция компонентов, иерархия родителей и потомков.
• Внедрение динамических значений и выражений в JSX.
• Практические задания для самостоятельной работы.
• Подробный анализ JSX и его работы "под капотом".
• Подготовка быстрого старта приложения: установка шаблона CreateReactApp, создание базовой структуры проекта, подготовка файлов для будущих компонентов.
• Использование библиотеки Styled Components для стилизации компонентов.
• Передача данных между компонентами через props.
• Глубокое понимание работы пропсов на базе знаний JS.
• Применение пропсов в Styled Components.
• Работа с состоянием приложения, использование хука useState.
• Сравнение состояния и пропсов, практика работы с состоянием.
• Продвинутые методы передачи данных через состояние.
• Рендеринг списков в приложении на React.
• Практические аспекты работы с рендерингом списков.
• Условный рендеринг компонентов: практические методы и подходы.
• Улучшение компонента статистики, использование дополнительных компонентов MUI и Nivo.
• Введение в фрагменты React и их использование для группировки элементов.
• Работа с хуками useState и useEffect.
• Оптимизация использования useState и предыдущего состояния.
• Работа с более сложными типами данных через useState.
• Использование useEffect с зависимостями.
• Введение в библиотеку react-router для работы с маршрутизацией.
• Основные типы маршрутов и их построение.
• Использование хуков useNavigate и useParams.
• Работа с параметрами запроса через useSearchParams.
• Советы по маршрутизации и её практическое применение.
• Использование полученных знаний в рамках приложения.
• Принципы рендеринга в React: иммутабельность элементов и объектно-ориентированный подход.
• Работа с классовыми компонентами, управление состоянием и пропсами.
• Методы жизненного цикла компонентов и их применение.
• Применение метода setState и управление контекстом внутри классовых компонентов.
• Освоение работы с глобальным состоянием через библиотеку Redux Toolkit.
• Глубокое понимание принципов работы с состоянием и знакомство с Redux Toolkit.
• Создание редюсера и слайсов в Redux.
• Работа с глобальным состоянием через useSelector и useeDispatch.
• Продолжение применения Redux в приложении.
• Вынос ключевого состояния приложения.
• Изучение компонентов высшего порядка (HOC) и их применение.
• Особенности работы с компонентами высшего порядка.
• Расширение функционала компонентов через HOC.
• Обзор различных методов стилизации и дополнительные сведения о HOC.
• Применение дополнительных хуков: useRef и useContext.
• Работа с хуком useMemo.
• Использование хука useCallback.
• Создание пользовательских хуков для более эффективного кода.
• Заключительные шаги в обучении.

Что вы получите:

• Глубокое понимание того, как разрабатывать пользовательские интерфейсы на React.
• Навыки эффективного разделения приложения на логические компоненты.
• Уверенное владение передачей данных между компонентами через props и глобальное состояние с использованием инструментов React, таких как useContext, или Redux Toolkit.
• Опыт в создании маршрутов в приложении.
• Знания и умения работы с параметрами запроса, а также навыки динамического создания контента на участке страницы, зависящего от текущего URL.

Этот курс также позволит вам более глубоко понять принципы разработки, такие как стилизация компонентов, применение более сложных хуков и более подробное понимание работы React "под капотом". Курс разбит на 50 ключевых лекций, посвященных библиотеке React, и дополнительные лекции, которые помогут вам лучше понять основы языка JavaScript.

Этот курс подходит для:

• Тех, кто только начинает свой путь в разработке и хочет быстро освоить React JS.

Пожалуйста, имейте в виду, что для комфортного усвоения материала рекомендуется иметь базовые знания HTML, CSS и JavaScript.

Скачать:

Качать без ограничений