Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/alonrbar/redux-app-examples
- Owner: alonrbar
- License: mit
- Created: 2017-10-19T09:55:47.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-03-17T21:36:06.000Z (almost 7 years ago)
- Last Synced: 2025-01-02T06:08:45.078Z (5 days ago)
- Topics: angular, aurelia, react, redux, redux-app, typescript
- Language: TypeScript
- Homepage:
- Size: 1.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
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