https://github.com/jamesplease/zero-boilerplate-redux

An example real-world Redux CRUD application with no boilerplate
https://github.com/jamesplease/zero-boilerplate-redux

redux redux-resource

Last synced: 12 days ago
JSON representation

An example real-world Redux CRUD application with no boilerplate

• Host: GitHub
• URL: https://github.com/jamesplease/zero-boilerplate-redux
• Owner: jamesplease
• License: mit
• Created: 2017-07-02T19:26:38.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-04-05T17:05:41.000Z (over 5 years ago)
• Last Synced: 2024-05-18T18:00:46.420Z (6 months ago)
• Topics: redux, redux-resource
• Language: JavaScript
• Homepage:
• Size: 229 KB
• Stars: 18
• Watchers: 2
• Forks: 8
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Zero Boilerplate Redux

A common criticism of Redux is that it requires writing a lot of boilerplate.

This is an application that is meant to show a sophisticated CRUD webapp built

with React that is built using nearly zero Redux boilerplate.

### Technologies used

* [Create React App](https://github.com/facebookincubator/create-react-app) for

  scaffolding

* [React Router](https://github.com/ReactTraining/react-router) for routing

* [Redux Resource](https://github.com/jmeas/redux-resource/) for managing

  resource data

### Prequisites

* Node v8+

* npm v5+

> Note: This project should also work on earlier versions of Node and npm. It just hasn't

> been tested.

### Installation

Make sure you have the prequisite technologies listed above. Then, clone this repository.

`git clone [email protected]:jmeas/zero-boilerplate-redux.git`

Navigate into the repository, and install the dependencies using [npm](https://www.npmjs.com/).

`npm install`

This project is a real CRUD application that operates on your GitHub Gists. Therefore,

you will need to supply credentials to access your GitHub Gists in the form of a

[GitHub Personal Access Token](https://help.github.com/articles/creating-a-personal-access-token-for-the-command-line/).

Follow those instructions, then create the file `./src/personal-access-token.json`. It should have the following

contents:

```json

{

  "username": "YOUR_GITHUB_USERNAME",

  "token": "YOUR_ACCESS_TOKEN"

}

```

For instance, mine looks something like the following:

```json

{

  "username": "jamesplease",

  "token": "12345"

}

```

Alright, that's it – you're ready to start the app now! Run `npm start` to start the application, then navigate to

`http://localhost:3000/` in your browser.

### Forms

If you're building a CRUD application, you likely need to work with a lot of

forms. For simplicity's sake, this project doesn't use a forms library.

Two forms libraries that are worth looking into are:

* [react-redux-form](https://davidkpiano.github.io/react-redux-form/docs.html)

* [redux-form](https://github.com/erikras/redux-form)