Udemy

[Master Class] Deep Dive into React 18 + Typescript

Enroll Now
  • 539 Students
  • Updated 5/2024
4.8
(42 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
9 Hour(s) 42 Minute(s)
Language
English
Taught by
Rysher Magbanua
Rating
4.8
(42 Ratings)
1 views

Course Overview

[Master Class] Deep Dive into React 18 + Typescript

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

  • R
    Raymond Matthew
    5.0

    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.

  • L
    Lester Tuazon
    5.0

    learning a lot

  • M
    M4rkb3llo
    5.0

    patotoya

  • R
    Rirrucham Kashyap
    5.0

    Everything is being explained suitable for a beginner.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed