https://github.com/chrisjpatty/create-react-redux-router-app

A thin wrapper around Facebook's create-react-app that adds some common libraries needed for most medium to large-sized web apps
https://github.com/chrisjpatty/create-react-redux-router-app

cli create-react-app react react-router redux

Last synced: about 2 months ago
JSON representation

A thin wrapper around Facebook's create-react-app that adds some common libraries needed for most medium to large-sized web apps

• Host: GitHub
• URL: https://github.com/chrisjpatty/create-react-redux-router-app
• Owner: chrisjpatty
• Created: 2017-08-26T05:17:10.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-01-15T06:55:06.000Z (almost 3 years ago)
• Last Synced: 2024-10-31T13:45:41.289Z (about 2 months ago)
• Topics: cli, create-react-app, react, react-router, redux
• Language: JavaScript
• Homepage:
• Size: 21.5 KB
• Stars: 31
• Watchers: 2
• Forks: 9
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# create-react-redux-router-app

## Installation

Install it once, globally

```

npm install -g create-react-redux-router-app

```

\*`create-react-redux-router-app` relies on `create-react-app` which will need to be installed separately. Instructions can be found [here](https://github.com/facebookincubator/create-react-app).

## Creating a new app

To create a new app, run

```

create-react-redux-router-app my-app-name

```

## What this package is:

##### A thin wrapper around `create-react-app`

This project is a thin wrapper around Facebook's [create-react-app](https://github.com/facebookincubator/create-react-app) but adds the following common libraries needed for most medium to large-sized web apps:

- [redux](http://redux.js.org/)

- [react-redux](https://github.com/reactjs/react-redux)

- [react-router](https://github.com/ReactTraining/react-router)

- [react-router-dom](https://www.npmjs.com/package/react-router-dom)

- [redux-thunk](https://github.com/gaearon/redux-thunk)

## What this package is not:

##### A replacement for `create-react-app`

This project is not a replacement for `create-react-app`, but rather a thin wrapper around it. Apps created using this project are not ejected out of `create-react-app` and can still be upgraded to newer versions of `react-scripts` as needed. This project also includes all the same scripts included with `create-react-app` for running a development server and building production versions.

##### A full-stack solution

`create-react-redux-router-app` makes no assumptions about the backend of your app. This project is opinionated, however, about the packages you should use for state-management and url routing.

## What you get?

`create-react-redux-router-app` not only installs the latest versions of the above-described packages, but also overwrites some of the default template files included with `create-react-app`, specifically:

- [App.js](https://github.com/chrisjpatty/create-react-redux-router-app/blob/master/templates/App.js) - imports a `connect()` function from `react-redux` and connects `` to the Redux store.

- [index.js](https://github.com/chrisjpatty/create-react-redux-router-app/blob/master/templates/index.js) - This file wraps the `` component included with `create-react-app` in the `` component imported from `react-redux`, and the `` component imported from `react-router-dom`.

- [store.js](https://github.com/chrisjpatty/create-react-redux-router-app/blob/master/templates/store.js) - This file imports `createStore()` from `redux` and exports as the default export a Redux store with a basic reducer.

## Why is the name so horribly long?

Because you'll save so much time not having to write boilerplate code to setup your state management and routing that you can afford the extra characters in your terminal command.

Also it's descriptive.