deeperience-react-native
deeperience-react-native copied to clipboard
noootown
React native boilerplate made by Deeperience
Deeperience-React-Native
IMPORTANT
This project is not maintained anymore, since I have no time.
This boilerplate was inspired by boilerplates below
Books
Online books
Repository
Techniques
- Reactjs & React Native
- Firebase
- Redux + Redux-Thunk + Redux-Saga
- ES6+
- Jest + Mocha + Chai
- ESlint
- Flow
Features
- Linter
- Airbnb coding styles
- Static type Checker
- Unit Test
- I18n
- Live Reload + Hot Reload
- Firebase Login
- BAAS (Backend as a server)
- Social Authentication (Facebook, Google+)
- Git Precommit test
- iOS & Android Custom Style
- Local storage
- Redux logger
- Font awesome
Installation
-
Install Deeperience-React-Native
git clone https://github.com/noootown/deeperience-react-native.git
npm install
Config (Required)
Service in this boilerplate rely on Firebase, so to make this boilerplate run, you must create your own firebase config src/config.js. To check the format of the config, you can take a look at src/config-template.js
To get the api key and configs of firebase, you can take a look at Firebase Document. Your API key must be in your firebase project in the console
Run
Open a terminal and type
npm run start
Then open another terminal and run the following script:
Android
react-native run-android
iOS
react-native run-ios
Other Useful Script
We defined a lot of useful script in the package.json, and you can just do some magic to your projects within a few word typing.
Run linter
npm run lint
Fix coding style
npm run fix-lint
Static type checking
npm run flow
or
flow
Jest watching
npm run jw
Mocha
npm run mocha
Test
npm run test
Precommit (lint + static type check + unit test)
npm run precommit
Deploy
Way to Go
v1.0+
- [ ] Travis Testing
- [ ] Logo
- [ ] Redux form or a better form system
- [ ] Mongodb Better Integration
- [ ] Strict file and function comment
- [ ] Better ESlint Rule
- [ ] Better CSS style like sass or postcss
- [ ] Better data model design
noootown