Boilerplate for react-native

All you need to start your React Native application. This project is configured with redux, redux saga and redux persist. Latest version of react-navigation with NavigationService.

Directory layout

• app/common: common stuff used across application
• app/common/actions: redux actions
• app/common/api: api calls e.g. login user
• app/common/assets: assets (image, audio files, ...) used by the application
• app/common/components: pure components used in modules e.g. scrollview, spinner, message
• app/common/config: configuration of the application
• app/common/constants: constants of the application e.g. stringConstants
• app/common/lib: helper libs for components/ reducers e.g. create reducer
• app/common/navigation: react navigation ( navigation stck and navigation service )
• app/common/reducers: redux reducers
• app/common/sagas: redux sagas
• app/common/services: application services, e.g. application persist information
• app/common/store: configure redux store
• app/common/utils: utilities e.g. scaling
• app/modules: functionality wise distribution of container components in the application e.g. auth, home, settings,

Getting Started

1. Clone this repo, git clone https://github.com/shrutikaponde/BoilerPlate.git <your project name>
2. Go to project's root directory, cd <your project name>
3. Remove .git folder, rm -rf .git
4. Open package.json and change the name property with your project name
5. Open index.js and replace 'BoilerPlate' by your project name
6. Open app.json and replace 'BoilerPlate' by your project name
7. Run yarn or npm install to install dependencies
8. Connect a mobile device to your development machine
9. Run the test application:

• On Android:
  • Run react-native run-android
• On iOS:
  • Open ios/YourReactProject.xcodeproj in Xcode
  • Hit Run after selecting the desired device

10. Start coding !!!!

Features

• Redux
• Redux Saga
• Redux Persist
• React Navigation

Prerequisites

• Node v8.10 (it is recommended to install it via NVM)
• Yarn
• A development machine set up for React Native by following these instructions

Referrrence

• react-native-boilerplate

Contributing

Open for PRs