React Fundamentals

Skills

What You Will Learn in This Course

Break a screen into components with clear responsibilities.

Decide where each piece of state belongs instead of lifting everything up.

Use useState, useEffect and useContext correctly, including cleanup.

Add routing, protected pages and forms with validation.

Handle loading, empty and error states properly.

About This Course

Component thinking, and the state decisions that quietly determine whether an application is still pleasant to work on six months later. You build real screens with routing, forms and data fetching, and treat loading and error states as first-class cases rather than afterthoughts.

Requirements

Advanced JavaScript, including async.

Who It Is For

Developers building their first serious front end.

Curriculum

Course Content

11 items · 1 sections

01 Why React exists and what problem it solves Preview 40 min
02 JSX, components and props 50 min
03 State with useState, and where state should live 55 min
04 Rendering lists, keys and conditional UI 45 min
05 useEffect, dependencies and the infinite loop trap 60 min
06 useContext and sharing state without a library 50 min
07 React Router: pages, params and protected routes 55 min
08 Forms, controlled inputs and validation 55 min
09 Fetching data: loading, empty and error states 55 min
10 Project: a movie search application 80 min
11 Project: an e-commerce front end with a cart 90 min

Certified

Certificates You Can Earn

Finish your course and receive an accredited MotiGraph certificate you can add to your CV and share with employers.