К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Modern React Foundations 2026: A Practical Developer Guide · LearnSpace
Назад в каталог
courseraПрограммирование

Modern React Foundations 2026: A Practical Developer Guide

Курс от Packt
Начальный≈ 6.2 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this beginner-friendly course, you’ll build a solid foundation in React, mastering key concepts like components, JSX, props, state management, and hooks (useState, useEffect). You’ll also learn to structure React projects efficiently and apply best practices. The course includes hands-on experience with a real-world project: a dynamic anime search app. You'll learn to fetch and display data from APIs, manage state, and build reusable components. As you progress, you'll explore CSS Modules for styling, handling error/loading states, and creating smooth user experiences. Ideal for aspiring developers, this course requires no prior React experience and provides you with the necessary tools to build dynamic web applications. By the end of the course, you will be able to create your own React projects, work with APIs, manage state, and implement reusable components.

Навыки, которые вы освоите

React.jsApplication Programming Interface (API)Data SharingUI ComponentsHTML and CSSFront-End Web DevelopmentCascading Style Sheets (CSS)JavaScript FrameworksJavascriptCode Reusability

Программа курса

5 модулей · 60 учебных материалов

01Introduction9 материалов

Introduction

Course IntroductionВидеоFull Course ResourcesЧтениеWhat, Why, and React AlternativesВидеоWhat Is a Component?Видео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Modern React Foundations 2026: A Practical Developer Guide
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 6.2 ч

5 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
Set Up the Coding Environment on WindowsВидео
Create Your First React ProjectВидео
Project StructureВидео
Creating the First React ComponentВидео
Revisit the CodeВидео
02JSX9 материалов

JSX

Chapter IntroductionВидеоA Better StructureВидеоImplementing SubscriptionForm ComponentВидеоInline StylesВидеоJavaScript ExpressionsВидеоOne Root Element and React FragmentsВидеоCSS ClassesВидеоBuilding a Subscription Form with JSXDIALOGUEJSX - AssessmentЗадание
03Props10 материалов

Props

Chapter IntroductionВидеоInstall Third-party PackagesВидеоImplementing Quote ComponentВидеоAdding Props to Quote ComponentВидеоProps in DetailВидеоMap FunctionВидеоKey PropВидеоprops.childrenВидеоUsing and Understanding Props in React ComponentsDIALOGUEProps - AssessmentЗадание
04State7 материалов

State

IntroductionВидеоCounter's JSXВидеоEvent HandlersВидеоCounter First ImplementationВидеоuseState HookВидеоManaging State with useState in a React CounterDIALOGUEState - AssessmentЗадание
05Building a Practical Project25 материалов

Building a Practical Project

Project OverviewВидеоTalk About the Components!ВидеоSearchInput ComponentВидеоAnime ComponentВидеоAnimeList ComponentВидеоAnime API and axiosВидеоTalk More About SearchВидеоSearch FunctionВидеоSearchInput PropsВидеоControlled InputsВидеоConsume the API ResponseВидеоCannot Mutate StateВидеоAdd to FavoritesВидеоRemove from FavoritesВидеоLoading ComponentВидеоCSS ModulesВидеоLoading and Error StatesВидеоAdd Loading and Error to JSXВидеоYet Another Issue!ВидеоuseEffect Hook in DetailВидеоThe Initial SearchВидеоA Quick ChangeВидеоBuilding a Practical Project - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание