Skip to main content

Introduction

Building performant and responsive apps is foundational to being a good React Native developer. Our apps in particular face a whole range of challenges as a result of the amount of data we deal with, and the complexity of the UI within the products.

React web has the luxury of access to more memory and faster hardware, meaning it's much more forgiving when building applications. When writing React Native we face not only the limitations of the devices the apps run on, we also have to work with the JS bridge on which React Native is built. Maintaining a responsive UI and high FPS across both the native and JS thread means doing our best to ensure our code is optimised and taking advantage of all the performance improvements React offers.

The goal of these docs is to cover the various performance anti-patterns developers may find themselves tripping over, how to find, measure and address performance issues, React best practices, and everything in between. In most cases, performance issues occur in the JS thread, as a result of congestion caused by poor optimisation within our React code, and so this is where most of these docs will focus.

info

Like all of our documentation, if you find any errors, missing info, or have any other suggestions feel free to open an MR or raise them in #chapter-native-apps.