ReactFoo Pune

React has enabled us to write complex UIs with a great declarative API. Under the hood, React’s reconciler optimizes by diffing the old and new tree, usually known as virtual DOM diffing. The latest version of React uses a Fiber architecture to implement the reconciler. The reconciler backs custom renderers like React DOM and React Native to target various platforms. In this talk we’ll implement a custom renderer with react-reconciler. We’ll also take a brief look at various custom renderers in the wild to have an idea of what can be acheived.

Outline

The talk will focus on the following key points

• What is a custom renderer
• Why should you build one
• What is “fiber”
• What is “reconciliation”
• How to build a custom renderer with react-reconciler
• Integration with React devtools
• More resources on Fiber and custom renderers

Speaker bio

Satyajit Sahoo is a frontend developer at Callstack, and a core contributor to React Native. He is skilled in building React and React Native apps and has a good understanding of the internals.

https://twitter.com/satya164

Links

• Building Expo Snack (React Native EU 2017) Video - https://www.youtube.com/watch?v=Uk45O6AygH8
• Building Expo Snack (React Native EU 2017) Slides - https://docs.google.com/presentation/d/1D5rYHNIBKiLdD0sSrIM3v9KCaScxaC4MwvBi4seCQV4

Slides

https://docs.google.com/presentation/d/1m8jnuN0xaz0z389n_rN37DaPKWNkwARodpfqLCe8aXM