luxudux / redux

BASICS EXAMPLES TO USE REDUX

REDUX we learn to use redux paterns

BASE 01_EXAMPLE to 04_EXAMPLE:

• npm i typescript
• npm i ts-node
• https://www.npmjs.com/package/ts-node

04_EXAMPLE (VANILLA REDUX)

• npm i redux
• https://www.npmjs.com/package/redux

05_EXAMPLE -A (ANGULAR, SIN REDUX)

• ng new app
• npm audit fix
• npm install bootstrap --save
• In the file agular.json add in styles: "node_modules/bootstrap/dist/css/bootstrap.min.css"
• ng serve
• ng generate component nombre/componente
• ng g c nombre/componente --skipTests (crear componente con pruebas)
• ng g c nombre/componente --skipTests (crear componente sin pruebas)
• ng generate component contador/hijo
• ng generate component contador/padre

Para este ejemplo se usa Input,Ouput, EventEmitter de @angular/core

06_EXAMPLE -A (ANGULAR, NGRX)

• ng new app
• npm audit fix
• npm install bootstrap --save
• npm install @ngrx/store --save
• In the file agular.json add in styles: "node_modules/bootstrap/dist/css/bootstrap.min.css"
• ng serve
• ng generate component nombre/componente
• ng g c nombre/componente --skipTests (crear componente con pruebas)
• ng g c nombre/componente --skipTests (crear componente sin pruebas)
• ng generate component contador/hijo
• ng generate component contador/padre
• npm i @ngrx/store-devtools
  • https://www.npmjs.com/package/@ngrx/store-devtools
  • https://ngrx.io/guide/store-devtools
  • https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=es