Code structure

Structure overview

Following is the basic project structure, describing the directories important for everyday development. Some folders containing various configurations and settings are omitted.

./ReactNativeBaseProject
----| @types
----| e2e
----| __mocks__
----| android
----| assets
----| ios
----| src
----|----| modules
----|----|----| countries
----|----|----| main
----|----| theme
____| index.js

./@types

Global custom types. Used for example for overriding or extending existing types of some 3rd party package or to add types for libraries without any typescript support.

./e2e

End-to-end tests and their configuration.

./__mocks__

Default mocks of node_modules packages.

./android

Native android application source code.

./assets

Global static assets (fonts, icons, etc.).

./ios

Native ios application source code.

./src

Application source code.

./src/modules

Application modules.

./src/theme

Colors, sizes, and other theme-related settings.

./index.js

Application's entry point.