ReactFoo Delhi

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

Create your own Custom Async Renderer with diffing in Web Worker

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

videocam_off

Technical level

Advanced

Section

Full talk

Status

Confirmed & Scheduled

View proposal in schedule

Vote on this proposal

Login to vote

Total votes:  +3

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

  • 1
    Vivek Nayyar (@viveknayyar09) 5 months ago

    Looking forward to this talk… :)

Login with Twitter or Google to leave a comment