- Видео 9
- Просмотров 242 232
Angular Developer
Добавлен 18 май 2018
Angular NgRx Course - 05 NgRx Store-Devtools & Action Types
Code repository: github.com/angulardeveloper-io/ngrx-store-app
Please support this channel by liking some of the videos and subscribing
AngularDeveloper.io
Please support this channel by liking some of the videos and subscribing
AngularDeveloper.io
Просмотров: 20 917
Видео
Angular NgRx Course - 09 NgRx Router Store
Просмотров 9 тыс.6 лет назад
Code repository: github.com/angulardeveloper-io/ngrx-store-app Please support this channel by liking some of the videos and subscribing AngularDeveloper.io
Angular NgRx Course - 08 CRUD
Просмотров 25 тыс.6 лет назад
Code repository: github.com/angulardeveloper-io/ngrx-store-app Please support this channel by liking some of the videos and subscribing AngularDeveloper.io
Angular NgRx Course - 07 NgRx Entity
Просмотров 13 тыс.6 лет назад
Code repository: github.com/angulardeveloper-io/ngrx-store-app Please support this channel by liking some of the videos and subscribing AngularDeveloper.io
Angular NgRx Course - 06 NgRx Effects & Selectors
Просмотров 28 тыс.6 лет назад
Code repository: github.com/angulardeveloper-io/ngrx-store-app Please support this channel by liking some of the videos and subscribing AngularDeveloper.io
Angular NgRx Course - 04 NgRx Angular Setup
Просмотров 28 тыс.6 лет назад
Code repository: github.com/angulardeveloper-io/ngrx-store-app Please support this channel by liking some of the videos and subscribing AngularDeveloper.io
Angular NgRx Course - 03 Application Setup
Просмотров 31 тыс.6 лет назад
Code repository: github.com/angulardeveloper-io/ngrx-store-app Please support this channel by liking some of the videos and subscribing AngularDeveloper.io
Angular NgRx Course - 02 Introduction to NgRx
Просмотров 28 тыс.6 лет назад
Code repository: github.com/angulardeveloper-io/ngrx-store-app Please support this channel by liking some of the videos and subscribing AngularDeveloper.io
Angular NgRx Course - 01 Introduction & Redux
Просмотров 58 тыс.6 лет назад
Code repository: github.com/angulardeveloper-io/ngrx-store-app Please support this channel by liking some of the videos and subscribing AngularDeveloper.io
I like that this clearly describes the action as an independent thing to describe what happened, and that the reducer responds to it on its own - the action is not commanding anything, it's just an event. And I like that you colocated the state files with the features they were relevant to instead of in a big centralized folder.
You've got a great voice, too. I wish I could hire you to narrate my book (Don Quixote in space).
Thank you bro!!!
Hey , Thank you for your Video. It is difficult to follow you because you are too quick and not explaining why just showing what a developer has to do instead of teaching why. Just a friendly feedback., Cheers
this is a lot of boilerplate effort. can the ngrx cli simplify a lot of this?
There is an error here: 15:59 it should be : this.store.dispatch(new customerActions.CreateCustomer(newCustomer));
After around 1 year, I’m watching this tutorial and searching for your type of comment to be sure I’m not the only one noticing this error, though seems like he edited it behind the scenes? Cause it worked 😮anyway, Thank you!
good one
no search?
thank you. very clear, just one more question, this code still usable in angular14? i mean i dont need to update codes? i run it still working.
thank you, still relevant in 2022
How to make reusable component in angular ? Kindly make video bro.... thanks advance . Videos simply super
greate content
Excelente course!
Can you share the base project ,so that we can practise with you.Thanks
what to write in customer.model.ts?
Great tutorial sir, please make more videos for ngrx. Best tutorial in RUclips. One more time thanks.
hey bro, i am using Angular v11. when i complete this video, i get an error "Cannot read property 'ids' of undefined". I dont why. can you help me?
error TS1312: Did you mean to use a ':'? An '=' can only follow a property name when the containing object literal is part of a destructuring pattern, Error: ./src/app/customers/state/customer.reducer.ts 2:14 [0] Module parse failed: Shorthand property assignments are valid only in destructuring patterns (2:14) [0] File was processed with these loaders: [0] * ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js [0] * ./node_modules/@ngtools/webpack/src/ivy/index.js [0] You may need an additional loader to handle the result of these loaders.
Your website is Hacked
for what do you need loaded and loading property? when do I use it?
Please take this as constructive criticism. You are good at explaining the how, but not the why which is the most important part. This would be a good refresher for someone that already knows and understands both redux and ngRx but not really someone who needs to understand the concepts.
Did know about Json-server, not about the concurrently package...wish I knew it before XD Thanks!
@Angular Developer, something is happening to your website, it seems to be redirecting me to a spam website
Yes..
I copied the code from git hub ...after adding a customer i am getting as object , not the values.
Run command npm start instead of ng serve
Doens't declaring Action type conflict with imported Action cons from ngrx/store?
Nice Video. Which color theme are you using in VSCode. its very nice too.
Awesome and simple tutorial on NGRX
Thank you very much. I am glad I watched this tutorial.
you Just dont know how to explain things ,go and watch kudvenkat's videos to lear how to explain. Half of the things you skipped explaining. This is on of the worst tutorial videos i have ever watched
for css classes use bootswatchCDN www.bootstrapcdn.com/bootswatch/ also thanks for chamal liyanage comment , Angular 8+ the lazy load declaration changed the new declaration should look like this { path: 'customers', loadChildren: () => import('src/app/customers/customers.module').then(m => m.CustomersModule) } to understand more the issue stackoverflow.com/questions/41396839/exception-uncaught-in-promise-error-cannot-find-module-app-home-home-modul
Sir good tutorial can you please explain other crud operations as well a complete crud.
this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement
this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement
this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement
this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement
this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement
this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement
can you please make video for ngrx/store unit test cases also?
the following error occured in angular 9. user-add.component.html:2:40 - error TS2339: Property 'createUser' does not exist on type 'UserAddComponent'. (I changed your Customer to User, its not the reason)
wow awesome video .....i have learn a lot...i have save my expensive also . i thought i have buy udemy but this series is more helpfull...thanks for your hardwork.
it works in angular 9 import { Actions, Effect, ofType, createEffect } from '@ngrx/effects'; @Effect() loadUsers$: Observable<Action> = createEffect(() => { return this.actions$.pipe( ofType<userActions.LoadUsers>( userActions.UserActionTypes.LOAD_USERS ), mergeMap((actions: userActions.LoadUsers) => this.userService.getUsers().pipe( map( (users: User[]) => new userActions.LoadUsersSuccess(users) ), catchError(err => of(new userActions.LoadUsersFailed(err))) ) ) ) });
there is an error in angular 9 for the customer.effects which said "Type 'Observable<unknown>' is not assignable to type 'Observable<Action>'. Property 'type' is missing in type '{}' but required in type 'Action'." oadUsers$: Observable<Action> = this.actions$.pipe(......
I resolved changing from mergeMap to switchMap and adding "return" inside switchMap (and to the inner map to), otherwise you are basicly returning nothing from inside the pipe (and so angular protests because the observable is tecnicaly empty). Like this: loadCustomers$: Observable<Action> = this.actions.pipe( ofType<customerActions.LoadCustomers>( customerActions.CustomerActionTypes.LOAD_CUSTOMERS ), switchMap((actions:customerActions.LoadCustomers) => { return this.customerService.getCustomers().pipe( map( (customers: Customer[]) => { return new customerActions.LoadCustomersSuccess(customers) } ), catchError(err => of(new customerActions.LoadCustomersFail(err))) ) }) ) Hope it helps
if you are using angular 9 in app-routing.module.ts use : loadChildren: () => import('./customers/customers.module').then(m => m.CustomersModule) instead of : loadChildren: "../app/customers/customers.module#CustomersModule" more explanations here (not me) : ashgrennan.com/post/angular-with-ivy-uncaught-in-promise-error-cannot-find-module/ Great video !
nice video.
Wow, your spoken english is very understable! I'm from Argentina and I am learning english, so I appreciate it, and the info is super! thanks.!
So good explained, bravo my friend!!!
sir, please mention the code for service file as u didnt write code for the same in the video
There is a link to the github repo in the description
Nice tutorial ... Plz, make a video on angular 8.... :)
Nice tutorial ... Plz, make a video on angular 8.... :)