- Code re-usability
- React Native everywhere
- Simplicity
- No task managers (
create-react-app
andcreate-react-native-app
instead of Webpack, Gulp, and Grunt)
- No task managers (
- No web hosting (A static Github Page instead of a web service)
- Scalability
- Decoupled
- TDD
- Offline first
- DX
- Redux
- Component hierarchy (bottom-up development)
-
git clone [email protected]:ethanneff/react-native-boilerplate.git cd react-native-boilerplate npm install
-
yarn ios
yarn android
yarn web
-
yarn testing
http://remotedev.io/local/
-
yarn deploy
- or merger into master (via TravisCI)
-
Stable, but work in progress
- android
- ios
- web
- github pages
- testing framework
- linting
- continuous integration
- navigation
- status bar handler
- redux
- router redux
- reducer injector
- saga injector
- test driven development
- component example
- desktop sizing
- development flow documentation
-
Additional
- remove all
// TODO:
- fix react router redux https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/guides/redux.md
- update redux saga injector GuillaumeCisco/redux-sagas-injector#3
- remove all
-
- scalability https://github.com/react-boilerplate/react-boilerplate
- multiple platforms https://github.com/react-everywhere/re-start
- example https://github.com/grigio/HAgnostic-News
-
-
sublime linting https://medium.com/pvtl/linting-for-react-native-bdbb586ff694
-
sublime prettier https://packagecontrol.io/packages/JsPrettier
# dependencies (global) npm i -g yarn # code quality (linting) yarn add -D husky yarn add -D lint-staged yarn add -D prettier yarn add -D @commitlint/{config-angular,cli} yarn add -D coveralls # debugging yarn add -D react-devtools yarn add -D remote-redux-devtools # create react native app (mobile) yarn add expo yarn add react yarn add -D react-native-scripts yarn add -D react-native-scripts yarn add -D react-test-renderer yarn add -D jest-expo # create react app (web) yarn add react-dom yarn add -D react-native-web yarn add -D react-scripts yarn add -D gh-pages # navigation yarn add react-router-dom yarn add react-router-native # data and business logic (redux) yarn add prop-types yarn add react-redux yarn add redux yarn add redux-saga yarn add redux-reducers-injector yarn add redux-sagas-injector # soon yarn add immutable yarn add redux-immutable
-
-
-
whenever you update dependencies
watchman watch-del-all yarn start --reset-cache
watchman watch-del-all rm -rf ./node_modules rm -rf $TMPDIR/react-* npm cache clean yarn cache clean yarn install yarn start --reset-cache
-
no bundle url present
rm -rf ./ios/build yarn ios
-