From 841636ee4bf41eb9451281ebf515e6244e6b29e6 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Wed, 30 May 2018 00:44:28 +0000 Subject: [PATCH] Deploy website Deploy website version based on 14e66f92fbfe2a3060b3ea5d6a51df0cd82b9628 --- docs/next/performance.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/next/performance.html b/docs/next/performance.html index 69c6c9b478f..3b474007e29 100644 --- a/docs/next/performance.html +++ b/docs/next/performance.html @@ -41,7 +41,7 @@

This will automatically remove all console.* calls in the release (production) versions of your project.

ListView initial rendering is too slow or scroll performance is bad for large lists

Use the new FlatList or SectionList component instead. Besides simplifying the API, the new list components also have significant performance enhancements, the main one being nearly constant memory usage for any number of rows.

-

If your FlatList is rendering slow, be sure that you've implemented getItemLayout to optimize rendering speed by skipping measurement of the rendered items.

+

If your FlatList is rendering slow, be sure that you've implemented getItemLayout to optimize rendering speed by skipping measurement of the rendered items.

JS FPS plunges when re-rendering a view that hardly changes

If you are using a ListView, you must provide a rowHasChanged function that can reduce a lot of work by quickly determining whether or not a row needs to be re-rendered. If you are using immutable data structures, this would be as simple as a reference equality check.

Similarly, you can implement shouldComponentUpdate and indicate the exact conditions under which you would like the component to re-render. If you write pure components (where the return value of the render function is entirely dependent on props and state), you can leverage PureComponent to do this for you. Once again, immutable data structures are useful to keep this fast -- if you have to do a deep comparison of a large list of objects, it may be that re-rendering your entire component would be quicker, and it would certainly require less code.