Source Structure

Config Files

File locate: ./app/config/..

  • images.js: all images use for the app
  • setting.js: common setting value
  • theme.js: color pattern, color default, darkmode/lightmode setting, fonts
  • typography.js: define common FontFamily, FontWeight, Typography system

Components

File locate: ./app/components/..

Common components that could be used many times in your app: Button, Icon, Text, Filter Sort, Text, Start Rating …

Navigation

File locate: ./app/navigation/..

  • index.js: Define first loading screen
  • main.js: Define default screen & router for link to other screens (Home, Category, Place, Wishlist, Account, Settings, Change Password …)

Templates

File locate: ./app/screens/..

Then navigation has defined in ./app/navigation/main.js will link with screens locate in folder ./app/screens/..

All template design of the app are locate in here (./app/screens/..). You could change or re-structure by matching with your own project structure design.

Assets

File locate: ./app/assets/..

You can store images or other file resource in this folder

Check more how to use multiple language with react-native-i18n

Redux

File locate:

  • ./app/store/index.js
  • ./app/actions/..
  • ./app/reducers/..

Contain main action and reducers

With React Native template, we’re not focus much about redux, we just make sample authentication as temp for control simple login screen

Utils

File locate: ./app/utils/..

Commons function for use in the app will be put here, So if you develop or add more common functions, just add it here !