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.
Continue reading “Going Over The Speed Limit”

Recycling Rows For High Performance React Native List Views — Medium

Recycling rows for high performance #ReactJS Native list views:

  • As the user scrolls, rows that are no longer visible will be freed, and new rows that become visible will be allocated.
  • In order to recycle rows properly, we must always be aware of the current scroll offset since rows must be recycled as soon as the user scrolls.
  • Every contact row probably looks the same and has the same structure.
  • If your use-case falls under the second use-case: High variation between rows and a smaller data-source – you should probably stick with the stock ListView implementation.
  • If a cell can be recycled (from a row gone off-screen), this method will return the recycled cell.

Read the full article, click here.


@ReactiveConf: “Recycling rows for high performance #ReactJS Native list views:”


Recycling previously allocated rows that went off-screen is a very popular optimization technique for list views implemented natively in…


Recycling Rows For High Performance React Native List Views — Medium