Heads up! The structure proposed in this post is not official, it just worked nicely for me and hopefully, it will help someone else on this earth. 🙂

Here we are, writing my first post around React Native after successfully launching an app in the App Store. Not at all showing off. It was a Team effort.

But it really gave me insight with respect to “How to work around mobile apps” after being in web stack for so long. Fantastic change and am really in love with “React Native”. 🤩

This post is specifically about how to structure your React Native apps/projects in terms of folders/files.

Background of “Why this is even helpful”

React is created by Facebook and being used by a variety of organizations. So, Instead of being opinionated on the folder/file structure of the application, its left to the individuals to decide how they would like to build it.

This further leads to different approaches proposed by either community or individuals solving different problems.

Structure we follow

Below Structure assumes the following (But not mandatory in all projects):

Structure

If you look at the above structure, most of it is self-explanatory. However, I would like to focus on some of the aspects.

Keep in mind, that this structure is not specific to react-native, we could use in “React” projects as well. That’s up to us. Furthermore, the structure does not include core files such as package.json, babel, eslint, etc as they are mostly going to be at the root anyway.

That’s all. If you would like to read more about it, I’d refer few good links to go through:

Thanks for reading. 😃