Project Structure (React Native)

• assets: Asset folder to store all images, vectors, fonts, etc.
• src: This folder is the main container of all the code inside your application.
  • components: Folder to store any common component that you use through your app (such as a generic button)
  • apis: Folder to store any kind of services and integrations.
  • flows: Folder to store the navigators.
  • store: This folder should have all your reducers and store
  • views: Folder that contains all your application screens/features.
  • helpers: Common controllers.
  • utils: Folder to store any common function such as calcutate radius, different date formatting functions
• App.js: Main component that starts your whole app.
• index.js: Entry point of your application as per React-Native standards.

Linting

Tabs vs Spaces

use script with smudge-clean.

~/.gitconfig

# filters to convert between tabs to spaces
[filter "tabspace"]
    smudge = unexpand --tabs=2 --first-only
    clean = expand --tabs=2 --initial

~/.gitattributes

*.txt  filter=tabspace

https://github.com/gilesbowkett/git-smudge-and-clean

https://github.com/intellicode/eslint-plugin-react-native