# generator-rd-react

> React Generator

Latest version **1.0.0** (published 2016-11-02) · ISC license · 0 weekly downloads

## Install

```sh
npm install generator-rd-react
pnpm add generator-rd-react
yarn add generator-rd-react
bun add generator-rd-react
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2016-11-02 |
| First published | 2016-11-02 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 44 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Sean Lee |
| Maintainers | sean.lee |
| Keywords | React, Redux, ES6, Axios, Mongoose, Express, Passport, yeoman-generator |

## Links

- npm: https://www.npmjs.com/package/generator-rd-react
- npm.io page: https://npm.io/package/generator-rd-react

## Dependencies (44)

- [less](https://npm.io/package/less.md) ^2.5.3
- [axios](https://npm.io/package/axios.md) ^0.13.1
- [react](https://npm.io/package/react.md) ^15.3.2
- [redux](https://npm.io/package/redux.md) ^3.5.2
- [yosay](https://npm.io/package/yosay.md) ^1.2.1
- [lodash](https://npm.io/package/lodash.md) ^4.3.0
- [mkdirp](https://npm.io/package/mkdirp.md) ^0.5.1
- [morgan](https://npm.io/package/morgan.md) ^1.6.1
- [express](https://npm.io/package/express.md) ^4.13.3
- [history](https://npm.io/package/history.md) ^1.17.0
- [webpack](https://npm.io/package/webpack.md) ^1.12.9
- [mongoose](https://npm.io/package/mongoose.md) ^4.3.3
- [passport](https://npm.io/package/passport.md) ^0.3.2
- [react-dom](https://npm.io/package/react-dom.md) ^15.3.2
- [babel-core](https://npm.io/package/babel-core.md) ^6.3.17
- [classnames](https://npm.io/package/classnames.md) ^2.2.3
- [css-loader](https://npm.io/package/css-loader.md) ^0.23.0
- [url-loader](https://npm.io/package/url-loader.md) ^0.5.7
- [body-parser](https://npm.io/package/body-parser.md) ^1.14.2
- [es6-promise](https://npm.io/package/es6-promise.md) ^3.0.2
- [file-loader](https://npm.io/package/file-loader.md) ^0.8.5
- [less-loader](https://npm.io/package/less-loader.md) ^2.2.2
- [material-ui](https://npm.io/package/material-ui.md) ^0.16.1
- [react-redux](https://npm.io/package/react-redux.md) ^4.4.5
- [redux-thunk](https://npm.io/package/redux-thunk.md) ^2.1.0
- [babel-loader](https://npm.io/package/babel-loader.md) ^6.2.0
- [jsonwebtoken](https://npm.io/package/jsonwebtoken.md) ^7.0.0
- [react-router](https://npm.io/package/react-router.md) ^2.8.1
- [redux-logger](https://npm.io/package/redux-logger.md) ^2.7.0
- [style-loader](https://npm.io/package/style-loader.md) ^0.13.0
- [connect-mongo](https://npm.io/package/connect-mongo.md) ^1.1.0
- [cookie-parser](https://npm.io/package/cookie-parser.md) ^1.4.0
- [object-assign](https://npm.io/package/object-assign.md) ^4.0.1
- [babel-polyfill](https://npm.io/package/babel-polyfill.md) ^6.8.0
- [passport-local](https://npm.io/package/passport-local.md) ^1.0.0
- [express-session](https://npm.io/package/express-session.md) ^1.12.1
- [yeoman-generator](https://npm.io/package/yeoman-generator.md) ^0.24.1
- [passport-facebook](https://npm.io/package/passport-facebook.md) ^2.0.0
- [babel-preset-react](https://npm.io/package/babel-preset-react.md) ^6.3.13
- [babel-preset-es2015](https://npm.io/package/babel-preset-es2015.md) ^6.3.13
- [html-webpack-plugin](https://npm.io/package/html-webpack-plugin.md) ^1.7.0
- [passport-google-oauth](https://npm.io/package/passport-google-oauth.md) ^1.0.0
- [mongoose-schema-extend](https://npm.io/package/mongoose-schema-extend.md) 0.2.0
- [passport-local-mongoose](https://npm.io/package/passport-local-mongoose.md) ^3.1.0

## Alternatives

- [angular-pipes](https://npm.io/package/angular-pipes.md) — 5.6K weekly downloads
- [@ng-web-apis/midi](https://npm.io/package/@ng-web-apis/midi.md) — 2.6K weekly downloads
- [happn-3](https://npm.io/package/happn-3.md) — 1.6K weekly downloads
- [@opensip-cli/lang-go](https://npm.io/package/@opensip-cli/lang-go.md) — 1.2K weekly downloads
- [mongoose-typescript](https://npm.io/package/mongoose-typescript.md) — 85 weekly downloads

## Recent versions

- 1.0.0 (latest) — 2016-11-02

## README

This is a template project written with React.js.

React.js is a javascript library developed and used by Facebook which is known for the ease of creating web components.

React only takes care of the view, the presentational layer of the application. 

So, in order to use it in production, it needs other helper libraries for handling XHR Requests and Data Flow.

And my choice for such libraries are Axios(XHR Request) and Redux(Data Flow).

Axios is a promise based HTTP client for the browser and node.js and 

Redux is a variation of Flux created by Dan Abramov which started with an idea of immutable states and having just one store for all data.

Here are a couple of good reads on Redux and it's smart and dumb components architecture.

http://jaketrent.com/post/smart-dumb-components-react/

https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0#.cj0ftj4ce


The template uses MongoDB and Express.js for the Backend. 

In order to bootstrap the demo, run mongodb locally and point it from /config/config.js then run npm install and then npm start.

---
_Source: https://npm.io/package/generator-rd-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
