Going Over The Speed Limit

  • * Given in React Native EU (Poland) on Sept 6, 2017

    Asynchronous rendering is one of the core principles of React.

  • The same architecture seems to do miracles in React Native and gives JavaScript the performance boost needed to render native views effectively.
  • This benefit of React Native is also its greatest drawback.
  • For certain types of problems in native mobile, asynchronous rendering introduces an overhead that is almost impossible to bridge.
  • Is it possible to introduce synchronous rendering to React Native and tackle this category of problems from a different direction?

Asynchronous rendering is one of the core principles of React. On the web, the ability to batch updates and work on a virtual DOM proved to be key factors in improving rendering performance. The same architecture seems to do miracles in React Native and gives JavaScript the performance boost needed to render native views effectively.

@koltal: My deck from #ReactNativeEU – – Synchronous Rendering in #ReactNative – Poland Sept 6, 2017 #react_native_eu

* Given in React Native EU (Poland) on Sept 6, 2017

Asynchronous rendering is one of the core principles of React. On the web, the ability to batch updates and work on a virtual DOM proved to be key factors in improving rendering performance. The same architecture seems to do miracles in React Native and gives JavaScript the performance boost needed to render native views effectively.

This benefit of React Native is also its greatest drawback. For certain types of problems in native mobile, asynchronous rendering introduces an overhead that is almost impossible to bridge. List views are a good example, as even the best implementation to date, FlatList, struggles to keep up with the fill rate of the most naive list implementation in pure native.

Is it possible to introduce synchronous rendering to React Native and tackle this category of problems from a different direction?

Going Over The Speed Limit