Giter VIP home page Giter VIP logo

react-native-boilerplate's Introduction

React Native Boilerplate for iOS, Android, and Web

Dependency Status devDependency Status Build Status Test Coverage

Purpose

  • Faster development for all platforms image

Vision

  • Code re-usability
    • React Native everywhere
  • Simplicity
    • No task managers (create-react-app and create-react-native-app instead of Webpack, Gulp, and Grunt)
  • No web hosting (A static Github Page instead of a web service)
  • Scalability
    • Decoupled
    • TDD
    • Offline first
    • DX
    • Redux
    • Component hierarchy (bottom-up development)

Methodology

  • clone

    git clone [email protected]:ethanneff/react-native-boilerplate.git
    cd react-native-boilerplate
    npm install
    
  • run

    yarn ios
    
    yarn android
    
    yarn web
    
  • test

    yarn testing
    
    http://remotedev.io/local/
    
  • publish

    yarn deploy
    
    • or merger into master (via TravisCI)

Status

Resources

  • references

  • tools

    • 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
  • reset

    • 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

react-native-boilerplate's People

Contributors

ethanneff avatar greenkeeper[bot] avatar

Watchers

Derick Warshaw avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.