Omri Bruchim

Deep into Wix's secret ingredients for better performance in React Native applications, together with practical examples.

In the past 5 years, the Wix mobile app has gone through quite a bit - a brand new look was launched, a large number of features were added in a short period of time, and the number of our users tripled. Unfortunately, one implication of product growth, is a slower performance, especially when it came to things like seamless transition, fluent animations and general slickness of the app. 

Over the past year, we made a tremendous effort to improve these regressions. Our ongoing efforts have so far resulted in almost 60% cumulative improvement in all performance metrics.

In this talk, I’ll deep into all of our secret ingredients for better performance in React Native applications, together with practical examples of:
-Improving startup time
-Responsive gestures 
-Preload prioritization

Furthermore, I’ll outline some general work we’ve done that led us to these improvements, like the right way to measure and analyse your app performance on production, and how you can implement these tips and tricks.

2020

React Native EU

Performance Does Matter - Making Your React-Native App Fast

Have you ever though using microservices approach in a FED\mobile application? hesitating to choose React Native for your big project? I’m here to eliminate the school of thought that React Native is mostly for small mobile applications.

Wix started the journey with React Native with 4 developers and a few hundred lines of code, but grown a lot since and in order to enable ~100 Wix mobile developers, from 15 different teams, to easily integrate their code into the app, we had to rewrite the app’s architecture, implement new framework and think more like an OS to allow each team integrate their mini-app ("module") into the main Wix’s React Native mobile platform (aka "engine").

A simple analogy to better understand the relation between “Engine” & "Module", would be the same as Chrome & Extensions or iOS & Apps. This "Engine" includes principles like: Memory management & modules lazy loading, Communication channels between modules, Dependency management and code sharing.

ReactEurope

Scalability - React Native Architecture at @Wix.com

This talk aims to eliminate the school of thought that React Native is mostly for small mobile applications.

Ever wondered how to use microservices approach in a FED\mobile application? hesitating to choose React Native for your big project? I’m here to eliminate the school of thought that React Native is mostly for small mobile applications.

2019

React Day Berlin

React Native At Wix - Building an App for 150 Million Users

Ever wondered how to use micro-services approach in a FED\mobile application? Hesitating to choose React Native for your big project? I’m here to eliminate the school of thought that React Native is mostly for small mobile applications.