(Don't) Blame it on React Native
summary
Wix ships a huge React Native app and most performance problems turn out to be bad JS patterns not the framework. Examples: a send button lags because the app recreates every chat-room object and rerenders the list; realtime messages stall because setState runs in componentWillReceiveProps causing repeated renders and 12 second delay before the last message; a fancy typing animation finally works with React Native LayoutAnimation; lazy require and using why-did-you-update save seconds across the app.
AI-written summary · about
chapters (8)
- 0:00Start
- 2:53The Send Button
- 4:42Slow Rendering
- 6:08Typing Animation
- 7:09React Native Layout Animation
- 7:26Difference between Require and Import
- 10:41Avoid Writing Anonymous Function as Pops
- 12:33Why Did You Update
related talks
39mPerformance Does Matter - Making Your React-Native App Fast
24mThe Performance Myths of React Native apps
29mPerformance Limitations of React Native and How to Overcome Them
01h 01mReact Native: A Better Way to Do Mobile
43mBuilding a React Native App for 80 Million Users
31mThe performance myths of React Native
23mPractical Performance for React Native
30mReact Native