The only React Course
You'll Ever Need To Become A Pro
Master React development through our comprehensive curriculum, designed to transform both
new comers and seasoned professionals into expert React developers.
Grab 40% Discount at Launch!
Join more than 500,000+ Students
Traversy Media’s Students Work at these Companies
What You’ll Learn
Whether you're brand new to React or you've been using it and
want to learn how to use it in different environments, you're in the right place.
Over the past few years, the way that we use React has changed. It went from using a little tool called Create React App to build single page applications to being used in literally dozens of different environments and meta frameworks. So React applications can vary wildly when it comes to how that project is structured and maintained. My goal for this course is to, of course, teach you the fundamentals such as components, hooks, state, props, etc, especially the beginners, but also to show you how to use React in different environments from a kind of vanilla client-side setup with Vite, which is an amazing dev server and frontend tool to React Router Version 7 in both declarative mode and framework mode, in which we'll also take advantage of server-side rendering.
We'll also get into Tanstack Router and TansStack Query. In addition, we'll build a MERN stack application and get into backend development with Node, Express and MongoDB as well as authentication with JWTs and refresh tokens. We'll even get into Strapi, which is a headless content management system.
1. Welcome To The Course
2. How To Take The Course
3. Course Code Repos
4. What Is React?
5. React App Architectures
6. Component-Based Development
7. React Vs. Vanilla JavaScript
8. React Ecosystem
9. How React Works Under The Hood
10. Dev Environment Setup
1. Form Data Object
2. Form Submission & Global State
3. Show Notes
4. Make Form Collapsible
5. Reusable Input Components
6. Delete Notes
7. Conditional Rendering Challenge
8. Prop Drilling
9. Section Quiz
1. Section Intro
2. API Info & Project Setup
3. Making HTTP Requests
4. Async Await in useEffect
5. Display Coin Data
6. Environment Variables
7. Limit Selector
8. Filter Coins
9. Sort Order Selector
10. Section Quiz
1. Section Intro
2. Arrow Functions
3. Template Literals
4. Ternary & Short Circuit Rendering
5. Destructuring & Rest Operator
6. Array Methods
7. Optional Chaining & Nullish Coalescing Operator
8. Immutability & Spread Operator
9. Promises & Async Await
10. Section Quiz
1. Section Intro
2. Component Lifecycle
3. Class Components & Lifecycle Methods
4. useEffect Hook & Side Effects
5. Local Storage Side Effect Example
6. Section Quiz
1. Intro To Routing
2. React Router Syntax
3. Home Page Route
4. About Page & Link Component
5. Not Found Page
6. Fetch Coin Details
7. Display Coin Details
8. Add Loading Spinner
9. Get & Format Chart Data
10. Show Chart
11. Section Quiz
1. Section Intro
2. Quick React Setup & createElement() Method
3. Intro to JSX (JavaScript XML)
4. Vite Dev Server & Build Tool
5. Creating Components
6. Styling In React
7. Lists
8. Handling Events
9. Intro to State
10. Rating State
11. More On useState Hook
12. Conditional Rendering & Styling
13. Component Props
14. Component Composition
15. Submit Rating
16. Modal Component Composition
17. Passing Data As Children
18. Section Quiz
1. Section Intro
2. What is useRef & Project Setup
3. useRef in Action
4. Persist Timer ID Across Re-Renders
5. Component Composition Challenge
6. Auto-Focus Start Button
7. Save Timer To Local Storage
8. Section Quiz
Get Notified, When Ready!
Currently, working hard to get this course out very soon. Enter your email to get notified when it's released.