For us designers, React Native offers something that is often not celebrated. A clean slate. When you work with the native platforms you start off with the base UI components for that native platform. Visually they are already defined, as well as interactions for the most part. With React Native that is all thrown out the window. Much like the web, basic interface functionality is built in, but you have to define how it looks.

Over the past few years I’ve gotten into the habit of designing as a React Native developer. …

You’ve shipped your app out into the wild app stores. Now what? Is your app performing as expected, is it crashing, are people facing errors? These are the sort of questions that keep me up at night. Luckily there are some great tools out there to answer these very questions in realtime.

Tracking Crashes

For people working in native mobile development, setting up Fabric Crashlytics (or a similar service) might seem obvious. For us web folk coming to native development via React Native it might not. …

Over the past two year of working with React Native, the team and I at WeDo have learned a lot of tips and tricks on how to build a great experience for our users. Here is a quick run down of a few tips and tricks to make your apps UI more responsive and fast. 🚀

🗺️ Native Navigation

First and foremost is navigation, the core to any app. Since React Native doesn’t offer much out of the box we have to bring our own navigation library to the party. For us at WeDo we initially started with a javascript based navigation solution…

For the second installment of this React Native performance series lets look at images. Over the past few months I’ve learned a lot about what works and what doesn’t work when it comes to working with images in a react native project. For most projects, hitting performance issues related to images is unlikely. Either way it is good to know what to watch out for and keep your project on the right path to avoid them in the future.

Loading Static Assets

With static assets I’ve found noticeable performance gains by simply loading assets from the app package (images included via Xcode asset…

Over the past six months at WeDo, we have been working on improving the performance our React Native app. With any performance issues, profiling is the first step. In this article I will cover what tools worked for us and how we utilized them to build our baseline for future performance improvements.

React Native Slowlog

React Native Slowlog has been our go to when it comes to view rendering performance. What we specifically liked about this library is the able to set a custom threshold.

It couldn’t be easier to use. Just add a single line of code in your views constructor and…

The core of every component written in React is the render method. From my experience most performance issues are directly related to problematic render methods. To start off this React Native Performance series lets take a look at some of the less obvious things that can be causing performance issues in our render methods.

Arrow Functions

We all love them, but should be cautious when using them with React. Arrow functions are great, they let us quickly create new javascript function short hand. The consequence of this is exactly that, it creates a new function every time it is executed. For the…

Adam Stanford

I craft product @getWeDo

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store