Featuring universal Redux, React Router, React Router Redux Hot reloading, SASS and Google task REST API.
- Clone the project.
git clone https://github.com/mnoleto/react-google-tasks.git. - Install dependencies.
npm install. - Run the setup script.
npm run setup - Run in watch mode.
npm start -s - Run the deploy.
npm run buildThis will run the automated build process, start up a webserver, and open the application in your default browser.
To uses the Google standard API you must include an API Key at /src/config/secrets.js and on the credentials page you must enable OAuth 2.0 client IDs and authorize the URL of the client application: Authorize Javascript origins and Authorize redirect URLs. Get a Key
##Technologies
| Tech | Description | |----------|-------|---| | React | Fast, composable client-side components. | | Redux | Enforces unidirectional data flows and immutable, hot reloadable store. Supports time-travel debugging. Lean alternative to Facebook's Flux.| | React Router | A complete routing library for React | | Babel | Compiles ES6 to ES5. Enjoy the new version of JavaScript today. | | Webpack | Bundles npm packages and our JS into a single file. Includes hot reloading via react-transform-hmr. | | Browsersync | Lightweight development HTTP server that supports synchronized testing and debugging on multiple devices. | | Mocha | Automated tests with Chai for assertions and Enzyme for DOM testing without a browser using Node. | | Isparta | Code coverage tool for ES6 code transpiled by Babel. | | TrackJS | JavaScript error tracking. | | ESLint| Lint JS. Reports syntax and style issues. Using eslint-plugin-react for additional React specific linting rules. | | | SASS | Compiled CSS styles with variables, functions, and more. | | PostCSS | Transform styles with JS plugins. Used to autoprefix CSS | | Editor Config | Enforce consistent editor settings (spaces vs tabs, etc). | | npm Scripts| Glues all this together in a handy automated build. |