The chat app card made by RN is out of the sky.

problem description
A chat APP,APP we made with RN+redux is launched, and users report that if the number of chats is slightly more, the super card will fail, especially on the Android side.
I used react-navigation, and there was a significant delay in switching pages, but it just felt slow.

Development environment
"react-native": "0.55.4"
"react-navigation": "^ 2.5.1"
"react-redux": "5.0.7"

at first, it was still stuck. My own test found that every time the models of redux updates the state, the render of the root component will be executed again. I think of a way to connect some frequently updated models in the root component, which is much better after optimization, but there is still some delay, and the number of chats is a little more than 10.

is it difficult for APP developed by RN not to stutter? I feel that it is easy to stutter as long as I update state. Most of the time, it needs to be updated frequently. Is there any way not to get stuck? Ask the great god for advice, and you can pay for it.

Jun.07,2022

pureComponent
list with listview


A dozen records are obviously stuck, so you shouldn't.
generally complex items have to be manually optimized. The optimization points include not limited to the upstairs pureCompnent, FlatList
there are plenty of optimization articles

under Google

in addition, I'm developing a social network (similar to Weibo) third-party client: Gakki
the front page is pictured, which is also a long list + complex presentation content, but mine is not stuck, even a little smooth.
clipboard.png

the landlord can refer to Home Code

.

has it been solved? I also encountered that wifi didn't feel it. 4G card flying, especially navigation animation special stutter


can try to upgrade to the latest version, which is probably not so stuck. In addition, when developing, each page is properly optimized.
https://www.cnblogs.com/xiaoy...

Menu