Course Information
Course Overview
Completely understand how React 18 works with Typescript
This course is built for new and old ReactJS developers so we can all have complete understanding how React works. I have done some reasearch while creating this course and even check react code from github just to make sure I understand it.
Basically this is just me teaching how to use ReactJS as well as providing a deep understanding how it works in the background. Knowing how it works in the background will help developers to code better using ReactJS because they know how it works completely.
Other course will teach you how to use ReactJS, but this course will give you a deeper understanding of each concepts and features that React offers. For example
Do you know what Reflow and Repaint is?
What is React Fiber?
Why do we have useEffect, useLayoutEffect and useTransitionEffect? That's a lot of effects!
Are those synchronous or asynchronous?
How often React paints the UI in the DOM when using those effects?
How does React schedule updates?
What is high and low priority updates?
How React creates the VirtualDOM efficiently and use the minimal memory as much as possible?
How many VirtualDOM do we have in ReactJS?
How React batch the updates?
What if you have multiple state updates in a lot of components? How many times React will render your components?
If you already know those things I have mentioned, then you probably don't need this course. If you don't, then join me learn those stuff! Let's have some fun!
Course Content
- 9 section(s)
- 81 lecture(s)
- Section 1 Introduction
- Section 2 Refresh your Javascript Skills
- Section 3 Play with React Components!
- Section 4 React Hooks: State Manipulation
- Section 5 React Refs: Unlocking the Power of DOM Manipulation
- Section 6 Unlock the power of side effects! How does it work?
- Section 7 Performance & Optimizations + Understanding React Core Algorithm
- Section 8 More Hooks + Create your own!
- Section 9 Thank You and Congratulations!
What You’ll Learn
- Learn Javascript Skills necessary to learn ReactJS
- Fully Typescript codebase with ReactJS
- Learn to think the React Way
- Complete Understanding how React renders your components and paints it in the DOM
- Understand React Fiber or Fiber Architecture
- Understanding ReactJS VirtualDOM
- Reflow & Repaint - How React uses this efficiently?
- Optimize your React Components and Profile them
- Render and Commit Phase in React
- High and Low Priority Updates
- Suspending Components
Skills covered in this course
Reviews
-
RRaymond Matthew
This helped me understand ReactJS and how to implement all my components with best practices to ensure that my projects are in great quality and all my states are efficient.
-
LLester Tuazon
learning a lot
-
MM4rkb3llo
patotoya
-
RRirrucham Kashyap
Everything is being explained suitable for a beginner.