Create your own Custom Async Renderer with diffing in Web Worker
AK
Aziz Khambati
@azizhk110
Technical level: Advanced
I’ll be going through some of the design of react-reconciler, fibre and how to create your own custom renderer.
Outline
- Async Rendering (Pros & Cons, Limitations)
- React Reconciler
- Web Worker
- Fiber - Mutations & Message Passing
- Data Structures for VDOM
- How to traverse VDOM for chunking render and how to use requestIdleCallback
- Whats missing? What to expect from future versions of React
I will be discussing how we can go from
Sync Rendering Example [ https://azizhk.github.io/rrrww/ ]
to
Async Rendering Example [ https://azizhk.github.io/rrrww/async/index.html ]
Requirements
Curiosity to learn internals of React
Speaker bio
Hey, I’m a frontend dev at Anarock, previously at Housing.com
Slides
https://drive.google.com/file/d/1AOGiEXloRxH5QB2TiN3tQpmXWuTxqhBU/view?usp=sharing
{{ errorMsg }}