React Native Guidelines

Root Directory

/android: Contains Android-specific code and resources. This directory is managed by Android Studio and Gradle.
/ios: Contains iOS-specific code and resources. This directory is managed by Xcode and CocoaPods.
/node_modules: Third-party libraries and dependencies installed via npm or yarn.
/src: Source code for the React Native application.
/.storybook: Contains storybook configuration files
/stories: Contains stories UI files
/.husky: Contains husky configuration files to verify code by before commit

/assets: Contains static assets such as images, fonts, and other resources used in the application.
/components: Reusable React components that can be used across different screens or sections of the application.
/navigation: Contains navigation setup and configuration. This directory typically includes navigation-related components, such as navigators and navigation stacks.
/containers: Contains React components representing different screens or views of the application. Each screen may consist of multiple components and logic related to that specific UI.
/services: Contains services used throughout the application
/apis: Contains API calls, and other services used throughout the application. This directory helps in organizing the logic responsible for data fetching, authentication, storage, etc.
/utils: Contains utility functions
/redux: Contains Redux-related files and folders (creators, reducers, …)
/typography: Contains global stylesheets and style constants used throughout the application. This directory helps in maintaining consistent styling across different components and screens.
App.js: Entry point of the application. This file typically includes the main component that renders the entire application and sets up initial configurations.

index.js: Main entry point for the React Native application. This file is responsible for registering the root component of the application and initializing any necessary configurations.
package.json: Metadata and dependencies configuration for the project. It includes information about the project, as well as the list of dependencies required for building and running the application.
babel.config.js: Babel configuration file. Babel is used for transpiling JavaScript code, and this file allows developers to customize Babel's behavior and plugins.
metro.config.js: Metro bundler configuration file. Metro is the JavaScript bundler used by React Native, and this file allows developers to customize its behavior, such as configuring module resolution or adding custom transformations.
eslintrc.js: ESLint configuration file. This file specifies the ESLint rules and settings for your project.