Codédex | Learn React
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!
Prerequisites:
Time to complete: 22h
+29.9K learners
First React App
Learn about the early fundamentals of React, and create your first component.
Exercises
- First Reaction
Start - Our Workstation
??? - Writing React
??? - Building Blocks
??? - Social Post
???
Bonus Article
Complete chapter to unlock
???
JSX & Components
Use JSX, HTML-like JavaScript code, to render pages.
Exercises
- Band Tour
Start - Embedded JS
??? - Travel Gallery
??? - Hot Takes Pt. 1
??? - Hot Takes Pt. 2
???
Props & State
Learn about props, and how state changes over time in a React component.
Exercises
- Giving Props
Start - Notifications
??? - Stopwatch
??? - Quiz
??? - Trending Now
???
Events
Use common event types like hovering and clicking to add interaction to a React application.
Exercises
- Online Shopping
Start - Tooltips
??? - A Focus in Art
??? - Noise Levels
??? - WaterFest
???
Checkpoint Project
Practice your React chops with a checkpoint project! Choose from one of three projects and submit your code when you're done. Your project is reviewed by a mentor when you request a course certificate.
Choose a Project
Forms
Build Forms effectively in React to manage data entry.
Exercises
- Newsletter
Start - High Score I
??? - High Score II
??? - Animal Rescue
??? - Haiku
??? - Travel Log
???
Hooks
Learn about common hooks in React like useEffect, useState, and useContext.
Exercises
- Cookie Clicker
Start - Color Effects I
??? - Color Effects II
??? - Barbenheimer
??? - Kanban Board
???
Bonus Article
Complete chapter to unlock
???
Data Fetching
Learn how to efficiently fetch data with an API using React hooks.
Exercises
- Our Universe
Start - Now Loading
??? - I Am Error
??? - Data Evolution
??? - Book Finder
???
Routing
Complete your React journey and create routes to other pages in your application.
Exercises
- Know Your Routes
Start - Bowser
??? - Paper Route
??? - Link to the Path
??? - PonoPlayer
???
Bonus Article
Complete chapter to unlock
???
Final Project
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!
Final Project
Course Certificate
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 submitted
- Final Project submitted
Request Certificate
Want to learn more about React?
Ask me anything
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!
Join the Club
Want to take your learning to the next level?
Get full access to all courses and more for as low as $9.99 / month.
- Unlimited exercises and projects
- Unlock our complete collection of courses and real-world projects.
- Get help from Code Mentors
- Earn a Certificate of Completion