These are things I wish I had known before I started writing my React Native app. What I’ll be trying to address here is hopefully all the things you need to know to prevent major refactors of your application code at a later point of time when you are deep in development.

Note: This blog does not give any details on what libraries to use or what options you have. …

With mobile phones taking their place by us at all times, it’s important to let the users choose a theme that’s comfortable for them, or at the least provide a dark theme so they do not have to strain their eyes in the low light environments.

This article will use styled-components and react-redux. These libraries will let the app access the theme object from anywhere. Writing a non-redux solution is just as simple. You would instead be required to use React’s context API.

Before we begin, this method works well when you’re starting an app from scratch and do this…

SVG is the best option for icons but unfortunately React Native does not natively support SVG rendering. Although there are a couple of libraries out there that do it, turning icons into fonts makes it much simpler to display clean-cut icons with consistent dimensions and dynamic coloring.

Let’s start off with getting an SVG image to iconize. The following software/libraries are used:

If you had tried any of the tools out there that make fonts out of SVGs such as Fontello or IcoMoon, you might have had problems with some…


I love FP. I do JS. Currently on React.

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