ReactFoo Delhi

On React, alternatives to React, ReactNative and front-end engineering

Tickets

Create your own Custom Async Renderer with diffing in Web Worker

Submitted by Aziz Khambati (@azizhk110) on Sunday, 24 June 2018

Section: Full talk Technical level: Advanced

View proposal in schedule

Abstract

I’ll be going through some of the design of react-reconciler, fiber and how to create your own custom renderer.

Outline

  • Async Rendering (Pros & Cons, Limitations)
  • React Reconciler
  • Web Worker
  • React Fiber
  • Async Rendering pros and reasons for architecture rewrrite, what the current algo did not support.
  • 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

Comments

  • Vivek Nayyar (@viveknayyar09) a year ago

    Looking forward to this talk… :)

Login with Twitter or Google to leave a comment