rn-start-template

A simple react native starter template that bootstraps development of your mobile application.

What’s inside

  • React native 0.63 template project
  • Modular and well-documented structure for application code
  • Redux for state management
  • React Navigation for simple switch navigation
  • Custom components(Buttons and loading overlay)

Folder structure

This template follows a very simple project structure:

  • src: This folder is the main container of all the code inside your application.
    • assets: Asset folder to store all images, vectors, etc.
    • components: Folder to store any common component that you use through your app (such as a generic button)
    • constants: Folder to store any kind of constant that you have.
    • translations: Folder to store the languages files.
    • navigation: Folder to store the navigators.
    • screens: Folder that contains all your application screens/features.
    • store: Folder to put all redux middlewares and the store.
      • reducers: This folder should have all your reducers, and expose the combined result.
      • selectors: Folder to store your selectors for each reducer.
    • AppStyles.js: Folder to store all the styling concerns related to the application theme.
    • App.js: Main component that starts your whole app.
  • index.js: Entry point of your application as per React-Native standards.

Getting Started

Clone and Install

# Clone the repo
git clone https://github.com/ybardouski/rn-start-template.git

# Navigate to clonned folder and Install dependencies
cd rn_app_starter && yarn install

# Install Pods
cd ios && pod install

Run

Run this command to start the development server and to start your app on iOS simulator:

yarn run:ios

Or, if you prefer Android:

yarn run:android

Screenshot

Alt text
Alt text
Alt text

GitHub

View Github