Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/alonrbar/redux-app-examples

Examples of redux-app with Angular and React.
https://github.com/alonrbar/redux-app-examples

angular aurelia react redux redux-app typescript

Last synced: about 11 hours ago
JSON representation

Examples of redux-app with Angular and React.

Awesome Lists containing this project

README

        

# redux-app-examples

Examples of [redux-app](https://github.com/alonrbar/redux-app) with [Angular](https://angular.io) and [React](https://reactjs.org/). Pick whatever view framework you like (same BI code used across frameworks)...

[![npm version](https://img.shields.io/npm/v/redux-app-examples.svg)](https://www.npmjs.com/package/redux-app-examples)
[![npm license](https://img.shields.io/npm/l/redux-app-examples.svg)](https://www.npmjs.com/package/redux-app-examples)
[![dependencies](https://david-dm.org/alonrbar/redux-app-examples.svg)](https://github.com/alonrbar/redux-app-examples)
[![dependencies](https://david-dm.org/alonrbar/redux-app-examples/dev-status.svg)](https://github.com/alonrbar/redux-app-examples)

### Installtion

```shell
mkdir redux-app-examples
cd redux-app-examples
git init
git pull https://github.com/alonrbar/redux-app-examples
npm install
```

### Run the examples

After installation run `npm start` and open `localhost:3000` on your browser.

**TypeError: Cannot read property 'used' of null** - If you get this error when calling `npm start` run the following:

```shell
git checkout -- package-lock.json
npm prune
npm start
```

### Examples Source

| Example | Angular | React |
|---------|---------|-------|
| **Counters** - a basic example | [][angular-counters] | [][react-counters] |
| **Counters with Identity** - using the `withId` decorator, a "mini ORM" feature | [][angular-withId] | [][react-withId] |
| **Async Dogs** - using the `sequence` decorator, an async pattern that does not require thunks | [][angular-sequence] | [][react-sequence] |
| **Todo List** - your familiar todo list example, this time with redux-app | [][angular-todo] | [][react-todo] |
| **Gladiators** - a real world example | [][angular-gladiators] | [][react-gladiators] |

[Change Log](https://github.com/alonrbar/redux-app-examples/blob/master/CHANGELOG.md)

[angular-logo]: =30x30

[angular-counters]: https://github.com/alonrbar/redux-app-examples/tree/master/src/angular/counters
[react-counters]: https://github.com/alonrbar/redux-app-examples/tree/master/src/react/counters
[angular-withId]: https://github.com/alonrbar/redux-app-examples/tree/master/src/angular/withId
[react-withId]: https://github.com/alonrbar/redux-app-examples/tree/master/src/react/withId
[angular-sequence]: https://github.com/alonrbar/redux-app-examples/tree/master/src/angular/sequence
[react-sequence]: https://github.com/alonrbar/redux-app-examples/tree/master/src/react/sequence
[angular-todo]: https://github.com/alonrbar/redux-app-examples/tree/master/src/angular/todo
[react-todo]: https://github.com/alonrbar/redux-app-examples/tree/master/src/react/todo
[angular-gladiators]: https://github.com/alonrbar/redux-app-examples/tree/master/src/angular/gladiators
[react-gladiators]: https://github.com/alonrbar/redux-app-examples/tree/master/src/react/gladiators