Packt

Modern React Foundations 2026: A Practical Developer Guide

Packt

Modern React Foundations 2026: A Practical Developer Guide

Included with Coursera Plus

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

5 hours to complete
Flexible schedule
Learn at your own pace
Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

5 hours to complete
Flexible schedule
Learn at your own pace

What you'll learn

  • Understand the fundamentals of React, including components, JSX, and rendering

  • Learn how to manage state and handle events using React’s state management system.

  • Work with React hooks like useState and useEffect to manage side effects.

  • Build a dynamic, practical project that interacts with APIs, manages data, and implements user-friendly interfaces.

Details to know

Shareable certificate

Add to your LinkedIn profile

Recently updated!

May 2026

Assessments

6 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

 logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

There are 5 modules in this course

In this module, we will introduce the course and lay out the goals of your React journey. You'll set up your development environment and create your first React project, as well as dive into React's fundamental concepts, such as components and project structure.

What's included

8 videos1 reading

In this section, we will explore JSX, the syntax extension that allows you to write HTML-like code within JavaScript. You'll learn how to structure JSX effectively, handle dynamic data rendering, and apply styles to your components, setting the foundation for building sophisticated UIs.

What's included

7 videos1 assignment

In this module, we will explore props—React’s way of passing data between components. You'll gain practical experience by implementing dynamic components and managing data flow using props, creating modular, reusable elements in your applications.

What's included

8 videos1 assignment

This section will cover the concept of state in React, which allows your components to change and re-render dynamically. You'll learn how to use React’s useState hook to manage state in functional components, enabling you to create more interactive user interfaces.

What's included

5 videos1 assignment

In this module, we will guide you through building a practical project—a dynamic anime search application. You’ll implement various React features like state management, event handling, and API integration, while also applying best practices in component structure and styling. By the end of the module, you’ll have a fully functional React project with real-time user interaction and API data fetching.

What's included

22 videos3 assignments

Instructor

Packt - Course Instructors
Packt
1,810 Courses512,664 learners

Offered by

Packt

Why people choose Coursera for their career

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions