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.

React-native
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...

Previous: Using sklearn's decision Tree Model to find Real data in python

Next: The problem with using namespace XXX and using XXX:xxx;.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e91a57-47145.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e91a57-47145.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?