PythonIntermediate PythonNumPySQLGen AI
HTMLCSSJavaScriptIntermediate JavaScriptReactp5.jsNode.js
Command LineGit & GitHub
C++JavaData Structures & Algorithms

Learn React

Get introduced to React, an open-source JavaScript-based web development library originally created at Facebook. Learn to code React with Codédex -- for free!

1

First React App

Learn about the early fundamentals of React, and create your first component.

Exercise 1

First Reaction

Exercise 2

Our Workstation

Exercise 3

Writing React

Exercise 4

Building Blocks

Exercise 5

Social Post

Bonus Article

Complete chapter to unlock

2

JSX & Components

Use JSX, HTML-like JavaScript code, to render pages.

Exercise 6

Band Tour

Exercise 7

Embedded JS

Exercise 8

Travel Gallery

Exercise 9

Hot Takes Pt. 1

Exercise 10

Hot Takes Pt. 2

3

Props & State

Learn about props, and how state changes over time in a React component.

Exercise 11

Giving Props

Exercise 12

Notifications

Exercise 13

Stopwatch

Exercise 14

Quiz

Exercise 15

Trending Now

4

Events

Use common event types like hovering and clicking to add interaction to a React application.

Exercise 16

Online Shopping

Exercise 17

Tooltips

Exercise 18

A Focus in Art

Exercise 19

Noise Levels

Exercise 20

WaterFest

Checkpoint Project

Club

Practice your React chops with a checkpoint project! Choose from one of three projects and when you're done, submit your code for review by one of our mentors.

5

Forms

Club

Build Forms effecticely in React to manage data entry.

Exercise 21

Newsletter

Exercise 22

High Score I

Exercise 23

High Score II

Exercise 24

Animal Rescue

Exercise 25

Haiku

Exercise 26

Travel Log

6

Hooks

Club

Learn about common hooks in React like useEffect, useState, and useContext.

Exercise 27

Cookie Clicker

Exercise 28

Color Effects I

Exercise 29

Color Effects II

Exercise 30

Barbenheimer

Exercise 31

Kanban Board

Bonus Article

Complete chapter to unlock

7

Data Fetching

Club

Learn how to efficently fetch data with an API using React hooks.

Exercise 32

Our Universe

Exercise 33

Now Loading

Exercise 34

I Am Error

Exercise 35

Data Evolution

Exercise 36

Book Finder

8

Routing

Club

Complete your React journey and create routes to other pages in your application.

Exercise 37

Know Your Routes

Exercise 38

Bowser

Exercise 39

Paper Route

Exercise 40

Link to the Path

Exercise 41

PonoPlayer

Bonus Article

Complete chapter to unlock

Final Project

Club

Complete all exercises to unlock the Final Project

Ready to start building? Use the skills you've gained throughout the course to build out a fully-fledged React project! When you're done, submit it for review by a code mentor.

Course Certificate

Club

Finished with this course? Request a certificate to celebrate your hard work! To be eligible to request a certificate, make sure you submit the following project(s) and have them reviewed by a code mentor.

requirements

Checkpoint Project reviewed

Final Project reviewed

Course Progress

Exercises

0 / 41

Projects Completed

0 / 2

XP Earned

0 / 940

Course Badges

0 / 8

Complete a chapter to earn a badge – collect 'em all!

lesson badgeFirst React Applesson badgeJsx & Componentslesson badgeProps & Statelesson badgeEventslesson badgeFormslesson badgeHookslesson badgeData Fetchinglesson badgeRouting

Need React Help?

Ask questions in our community!

Chapters

Progress

Resources

1

First React App

Learn about the early fundamentals of React, and create your first component.

Exercise 1

First Reaction

Exercise 2

Our Workstation

Exercise 3

Writing React

Exercise 4

Building Blocks

Exercise 5

Social Post

Bonus Article

Complete chapter to unlock

2

JSX & Components

Use JSX, HTML-like JavaScript code, to render pages.

Exercise 6

Band Tour

Exercise 7

Embedded JS

Exercise 8

Travel Gallery

Exercise 9

Hot Takes Pt. 1

Exercise 10

Hot Takes Pt. 2

3

Props & State

Learn about props, and how state changes over time in a React component.

Exercise 11

Giving Props

Exercise 12

Notifications

Exercise 13

Stopwatch

Exercise 14

Quiz

Exercise 15

Trending Now

4

Events

Use common event types like hovering and clicking to add interaction to a React application.

Exercise 16

Online Shopping

Exercise 17

Tooltips

Exercise 18

A Focus in Art

Exercise 19

Noise Levels

Exercise 20

WaterFest

Checkpoint Project

Club

Practice your React chops with a checkpoint project! Choose from one of three projects and when you're done, submit your code for review by one of our mentors.

5

Forms

Club

Build Forms effecticely in React to manage data entry.

Exercise 21

Newsletter

Exercise 22

High Score I

Exercise 23

High Score II

Exercise 24

Animal Rescue

Exercise 25

Haiku

Exercise 26

Travel Log

6

Hooks

Club

Learn about common hooks in React like useEffect, useState, and useContext.

Exercise 27

Cookie Clicker

Exercise 28

Color Effects I

Exercise 29

Color Effects II

Exercise 30

Barbenheimer

Exercise 31

Kanban Board

Bonus Article

Complete chapter to unlock

7

Data Fetching

Club

Learn how to efficently fetch data with an API using React hooks.

Exercise 32

Our Universe

Exercise 33

Now Loading

Exercise 34

I Am Error

Exercise 35

Data Evolution

Exercise 36

Book Finder

8

Routing

Club

Complete your React journey and create routes to other pages in your application.

Exercise 37

Know Your Routes

Exercise 38

Bowser

Exercise 39

Paper Route

Exercise 40

Link to the Path

Exercise 41

PonoPlayer

Bonus Article

Complete chapter to unlock

Final Project

Club

Complete all exercises to unlock the Final Project

Ready to start building? Use the skills you've gained throughout the course to build out a fully-fledged React project! When you're done, submit it for review by a code mentor.

Course Certificate

Club

Finished with this course? Request a certificate to celebrate your hard work! To be eligible to request a certificate, make sure you submit the following project(s) and have them reviewed by a code mentor.

requirements

Checkpoint Project reviewed

Final Project reviewed

Trusted by learners from

school image
school image
school image
school image
school image
school image
school image
school image
school image
school image
school image
school image

Join the Club

Want to take your learning to the next level?
Get full access to all courses and more for as low as $7.99 / month.

Unlimited exercises and projects

Unlock our complete collection of courses and real-world projects.

Get help from Code Mentors

Have your project code reviewed by human experts in the field.

Earn a Certificate of Completion

Request official certificates for finishing courses.

jam description