Understanding React
Master React by Learning How It Works
Even if you've been using React for years, your mental model is likely inaccurate. That's because the best mental model is understanding how something really works.
React is wildly popular and well-established in the job market for web developers. However, to use and debug it well, you must understand how it actually works.
In this course, designed for both React beginners and experienced React devs you will come to deeply understand how React works under-the-hood by diving into React internals: the React source code itself.
What Students Are Saying
"I highly recommend this course! Even for devs who have worked in React for years. Tony’s way of digging through the source code under the hood has completely changed my mental model. Incredibly valuable." - Heather M.
"Magnificient!" - Miroslav M.
"This is the best React course I have taken and I have taken a few to be honest. You have overdelivered on this Tony" - Eyitayo O.
"Remarkable course." - Nilkamal S.
"Thank you Tony, for spending the time to approach React from a deeper perspective." - Nicolas G.
"I have clear picture now how React is working under the hood. And also the last project was fun." - Matija R.
"As a self-taught developer who transitioned from education to tech, his teaching style resonates with my teacher training – exploring the “why” instead of just the “how”, gradual build up of concepts, simple explanation of technical jargons, etc. The feeling of true understanding is a deep satisfaction that hacky tricks will not achieve." - Shelly C.
Most courses teach you how to use React. In this course you will fully understand how React works, which will enable you to use and debug React well.
You will gain truly under-the-hood knowledge on topics such as the React Element Tree, the Fiber Tree, JSX, Rendering, Reconciliation, State, Hooks, Effects, Suspense, React Server Components, and more.
That knowledge will give you a clarity that will serve you well every day you use React, or React-based frameworks like Next.js or Remix.
Hi, I'm Tony Alicea, a 25-year veteran in web and software development. I'm a bestselling Udemy instructor and Pluralsight author with over 350,000 students enrolled in my courses. You can find me speaking on podcasts like JavaScript Jabber and at conferences like React Summit.
My goal in creating this course, just like in my other courses that have been taken by 345,000 students, is to take you deeper than anyone else into truly understanding React.
You Get Lifetime Access To...
16.5 hours of video.
158 lectures.
80 sample code folders.
Certificate of completion.
Questions answered by me personally.
All future updates free.
Purchasing Power Parity Request
To request purchasing power parity for this course, please click here.
Team Discounts
Want to buy for your team? Send bulk discount requests to [email protected].
Course Curriculum
When you enroll you gain access to all videos, source code, and questions directly answered by me!
Start Watching Below for Free!
- React Elements (0:26)
- Conceptual Aside: Recursion (4:17)
- Conceptual Aside: POJOs (12:52)
- Creating React Elements (11:36)
- React Element Trees (5:25)
- Conceptual Aside: DOM Element References (1:31)
- React Elements and DOM Elements (6:03)
- React DOM Updates (12:11)
- Components (6:01)
- Components and Reusability (11:07)
- Conceptual Aside: Pure Functions (5:18)
- Props (12:24)
- Template Logic (14:11)
- Element Properties (7:18)
- Hooks and State (0:24)
- Fibers, Hooks, and State (4:04)
- Conceptual Aside: Queues (3:54)
- Update Queues (2:46)
- State and Re-renders (2:38)
- useReducer (Part 1) (7:48)
- useReducer (Part 2) (6:04)
- useState (Part 1) (4:16)
- useState (Part 2) (10:47)
- Rules of Hooks (7:43)
- useState (Part 3) (10:37)
- Conceptual Aside: Shallow Equality and Object.is (8:11)
- Immutable State (7:46)
- Adding Your Own Side Effects: useEffect (0:15)
- Conceptual Aside: Pure Functions and Side Effects (1:31)
- Adding Your Own Effects (11:46)
- Dependencies (8:06)
- A Game of Ping Pong (2:34)
- Unmounting and Effects (9:54)
- Fetching Data...or not (10:26)
- Conceptual Aside: Stale Closures (4:08)
- useEffect and Stale Closures (9:51)
- What Not to Do (10:25)
Look forward to seeing you in the course!
- Tony
