Back to Browse

React Compiler: The Complete Deep Dive || React 19 Videos

7.2K views
Aug 25, 2024
36:42

React Compiler is one of the prominent features getting released alongside React 19. Let us learn the architecture and usages with an internal deep dive into the React Compiler. Also, learn about other React 19 features: https://www.youtube.com/watch?v=hiiGUjEkzbM Enjoying my Videos & Teaching? Don't forget to, - ✅ Subscribe to: https://www.youtube.com/tapasadhikary - ✅ Join tapaScript as a member to enjoy the perks: https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g/join This video will cover the following features with code examples: - ✅ The Curious Case of React Compiler - ✅ Why React Compiler is a Game Changer - ✅ An Introduction to Compiler, in general - ✅ React Compiler Architecture - ✅ The Rules of React - ✅ React Apps Without Compiler - ✅ React Compiler in Action - ✅ React Compiler in React DevTools - ✅ React Compiler Deep Dive Using Playground - ✅ How to Opt-Out of React Compiler - ✅ Can We Use React Compiler with the earlier version than React 19 - ✅ How to Get Started with React 19 Coding? Let's GO 🚀 ## Links mentioned: - React Compiler Architecture: https://github.com/facebook/react/blob/main/compiler/docs/DESIGN_GOALS.md#architecture - Rules of React: https://react.dev/reference/rules - React Compiler: https://react.dev/learn/react-compiler - Start Coding with React 19: https://github.com/atapas/code-in-react-19 - React Compiler Playground: https://playground.react.dev/ - Source Code Used: https://github.com/tapascript/react-compiler-lesson Timecodes 0:00 - Setting the Stage 01:21 - The Curiosity 02:35 - React Compiler: Game Changer 03:30 - What is a Compiler? 05:32 - React Compiler Architecture 08:27 - The Rules of React 10:24 - Optimizations Without Compiler 18:30 - React Compiler in Action 23:59 - Compiler in DevTools 24:47 - Deep Dive Using Playground 32:32 - Opting Out of Compiler 34:50 - Compiler In Earlier Versions 35:42 - Repo To Start ## Join tapaScript Discord - https://discord.gg/YzUe4DbNAz ## 🤝 My Links: - Blog: https://blog.greenroots.info/ - Follow on X(Twitter): https://twitter.com/tapasadhikary - Connect on LinkedIn: https://www.linkedin.com/in/tapasadhikary/ - Follow My Work on GitHub: https://github.com/atapas - Follow on Facebook: https://www.facebook.com/tapasadhi ## 👋 Liked my work? Thank You. You can sponsor me from here: - Sponsor Me: https://github.com/sponsors/atapas - Sponsor my Blog: https://blog.greenroots.info/sponsor ## About Me: Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer with vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community. You can find more about him at https://tapasadhikary.com. #reactjs #react19 #react #reactvideos #compiler #reactcompiler #webdevelopment #learnreact #learnreactjs #tapascript #serveractions

Download

1 formats

Video Formats

360pmp465.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

React Compiler: The Complete Deep Dive || React 19 Videos | NatokHD