Git Product home page Git Product logo

generator-redux-react-cordova's Introduction

generator-redux-react-cordova

NPM version Build Status Dependency Status Coverage percentage

For What is for

It's boilerplate for Cordova (Phonegap) project: easy to use, useful for frequent projects development. In most cases, Cordova (Phonegap) application is optimal way to develop simple and cheep application over API for different platforms: iOS, Android, Web and other.

Actually, this is a good way to understand basics of Redux + React + Webpack for each developer and try it! After that you can build your Hybrid Mobile Application on the http://build.phonegap.com site (it was free for 1 app) or do it locally.

Installation

First, install Yeoman and generator-redux-react-cordova using npm (we assume you have pre-installed node.js).

npm install -g yo generator-redux-react-cordova

Then generate your new project:

yo redux-react-cordova

How to Start

Development mode with hot-reload:

npm run dev

Launch like website in prod mode:

npm run static

Building in prod mode and bundling zip archive (gulp-zip 3.0.2 is necessary):

npm run build

Also, there is a helpful plugin for Chrome browser with CORS proxy, settings for screens resolution/orientation, geo-simaltion, etc ripple-emalator

Features

  • React ES6-style + React Router
  • Redux
    • simple AJAX request
    • internal search (TBD)
  • React CSS Modules
  • Webpack: babel (ES6 with stages), hot-reload, jscs, eslint
  • PostCSS: autoprefixer, precss (sass features), csslint
  • config.xml with initial resources: splash screens, icons, plugins
  • Gulp for images optimization and zip bundling for http://build.phonegap.com

Supported Platforms

  • Node.js 4.x or 5.x as development environment
  • Cordova-cli (phonegap-cli): 6.x release note
    • Cordova iOS: ~4.0.1
    • Cordova Android: ~5.1.0
    • and you can add other platforms

Getting to Know Yeoman

Yeoman has a heart of gold. He's a person with feelings and opinions, but he's very easy to work with. If you think he's too opinionated, he can be easily convinced. Feel free to learn more about him.

Contribute

Contributions are welcome. If you find something is missing or there are errors hidden somewhere, feel free to add a new issue.

License

MIT © Źmicier Jaraševič

generator-redux-react-cordova's People

Contributors

zmeecer 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.