Under the high patronage of His Majesty King Mohammed VI may god assist him 🇲🇦
October 2 - 4 - Devoxx Morocco 2024 🇲🇦
Follow Us On

Speaker details

Mohamed EL AYADI
This is an AI generated description of the speaker:Mohamed is an engineering staff at xHub, he has more than a decade writing code for the web. He's gone deep into the Javascript and Java ecosystems.He participated and created many open source projects around the React ecosystem, from unknown to popular ones.
How react works
Tools-in-Action (ADVANCED level)
This is a deep dive into the internals of React and how things are done, we will see what happens under the hood from the moment you do:
createRoot(element).render(<Ui />) until it gets painted on the screen.
We will see different use cases implying different hooks and scenarios, and at the same time we'll see what happened inside react: The created objects, the used patterns... and so on.
Some of the things we will talk about:
  • How createRoot().render works
  • How the work loop works
  • How WorkTags work
  • How Hooks work
  • How the scheduler works
  • How the commit phase works
For timing reasons, this talk will be very brief, but will announce the start of this new open source project, called How React Works, that will contain a detailed version of all of this along with react code explanations.