Skip to content

Global-Software-Consulting/react-native-boilerplate

Repository files navigation

👾 # React-Native-Boilerplate

Documentation Maintenance License: MIT

React native boiler plate by Global soft consulting provides opportunity to developers to quick start without wasting time on setting up basic stuff and configurations. This way, developers can save time and work more efficiently. Not only this, but typescript integration along with lint and husky keeps the code clean; hence increasing quality of work. Given below are some of the major features of this boilerplate.

⭐ Key Features

  • Latest version of React Native (0.66.1)
  • Global theming with light & dark modes
  • RTL support.
  • Splash screen.
  • React navigation 6 with multiple navigation stacks.
  • Multiple language support.
  • React native configuration.
  • React Native vector icons
  • Clean code with ES Lint
  • iOS + Android support
  • Redux toolkit with saga
  • Code Push with App center
  • Husky

Code Structure

Important Code:
  • app/Entrypoint.tsx App entry point
  • app/assets All assets
  • app/components/...tsx Reusable Components
  • app/languages Language files
  • app/theme Themes for light and dark mode
  • app/models Typescript models
  • app/navigation App navigation
  • app/screens/...tsx App Screens
  • app/services API services
  • app/store Redux implementation

▶ How to Setup

Step 1: Clone the repository.
Step 2: Move to the cloned directory.
Step 3: Rename the project bundleId, package name and application name.
Step 4: Install the npm modules required for the project with npm i or yarn.
And you are good to go!

▶ How to Run App

cd react-native-boilerplate
yarn or npm install
For iOS
npm run ios
For Android
npm run android

How to Change Code Push App Center Account