Organizing a React Native project by Concern

at LeanJS we are starting with our first React Native projects & we wanted to follow a similar file structure we use for our web applications. Here are a basic example of how we structure one of our first apps:

you can check out one example project here: https://snack.expo.io/@horacio/my-project-setup

project scaffold

index.js

Root.js

App.js

Navigators index.js

routes.js

PublicNavigator.js

PrivateNavigator.js

In the next posts I will try to explain a little more about this file structure and also how I will try to reuse components as much as possible between platforms (Android, iOS, web…)

thanks for your time & hit me with any questions if you have any!