Skip to content

Comparing the implementations of a "Todo List" with and without Redux, in React, Angular and Vue.

License

Notifications You must be signed in to change notification settings

publicissapient-france/redux-react-angular-vue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

redux-react-angular-vue

Comparing the implementations of a "Todo List" with and without Redux, in React, Angular and Vue.

Demo App features

This is a classical "Todo App" with the following features:

  • Add item
  • Mark item as done
  • Remove item
  • Show "Remain/Total" items status
  • Filter items by category (all, active, completed)

Installation

git clone https://github.com/xebia-france/redux-react-angular-vue.git

# First, install all dependencies
npm run install-all

# Next, run each command in a different tab:

# Tab 1. Start Server
npm run server

# Tab 2. Start Angular app
npm run angular

# Tab 3. Start React app
npm run react

# Tab 4. Start Vue app
npm run vue

Angular live coding

The live coding is available on branch live-coding:

git checkout origin/live-coding

About

Comparing the implementations of a "Todo List" with and without Redux, in React, Angular and Vue.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •