Angular Developer
Angular Developer
  • Видео 9
  • Просмотров 242 232
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
Просмотров: 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

Комментарии

  • @mfpears
    @mfpears 6 месяцев назад

    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.

  • @robertchansky439
    @robertchansky439 Год назад

    You've got a great voice, too. I wish I could hire you to narrate my book (Don Quixote in space).

  • @baxromxoja16
    @baxromxoja16 Год назад

    Thank you bro!!!

  • @alitswq
    @alitswq Год назад

    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

  • @jr3213
    @jr3213 Год назад

    this is a lot of boilerplate effort. can the ngrx cli simplify a lot of this?

  • @CamiloValencia
    @CamiloValencia 2 года назад

    There is an error here: 15:59 it should be : this.store.dispatch(new customerActions.CreateCustomer(newCustomer));

    • @chris.p-dev
      @chris.p-dev 9 месяцев назад

      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!

  • @mousumimitra5858
    @mousumimitra5858 2 года назад

    good one

  • @barangayomega6892
    @barangayomega6892 2 года назад

    no search?

  • @barangayomega6892
    @barangayomega6892 2 года назад

    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.

  • @oyinlolaolasunkanmi
    @oyinlolaolasunkanmi 2 года назад

    thank you, still relevant in 2022

  • @ragucool9468
    @ragucool9468 2 года назад

    How to make reusable component in angular ? Kindly make video bro.... thanks advance . Videos simply super

  • @omarfarukmunna9416
    @omarfarukmunna9416 2 года назад

    greate content

  • @michaelmontero2902
    @michaelmontero2902 3 года назад

    Excelente course!

  • @kazihossain2765
    @kazihossain2765 3 года назад

    Can you share the base project ,so that we can practise with you.Thanks

  • @mahalakshmimahalingam8081
    @mahalakshmimahalingam8081 3 года назад

    what to write in customer.model.ts?

  • @rahulshimpi8914
    @rahulshimpi8914 3 года назад

    Great tutorial sir, please make more videos for ngrx. Best tutorial in RUclips. One more time thanks.

  • @vanduynguyen2360
    @vanduynguyen2360 3 года назад

    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?

  • @ishumishra8104
    @ishumishra8104 3 года назад

    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.

  • @hemantgajbe8366
    @hemantgajbe8366 3 года назад

    Your website is Hacked

  • @maciek77killer
    @maciek77killer 3 года назад

    for what do you need loaded and loading property? when do I use it?

  • @ghostinplainsight4803
    @ghostinplainsight4803 4 года назад

    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.

  • @rowehnakori
    @rowehnakori 4 года назад

    Did know about Json-server, not about the concurrently package...wish I knew it before XD Thanks!

  • @cowforces
    @cowforces 4 года назад

    @Angular Developer, something is happening to your website, it seems to be redirecting me to a spam website

  • @krishnapanigrahi6926
    @krishnapanigrahi6926 4 года назад

    I copied the code from git hub ...after adding a customer i am getting as object , not the values.

    • @anantjain60
      @anantjain60 3 года назад

      Run command npm start instead of ng serve

  • @MrKsuhiyp
    @MrKsuhiyp 4 года назад

    Doens't declaring Action type conflict with imported Action cons from ngrx/store?

  • @ankushsetiya5109
    @ankushsetiya5109 4 года назад

    Nice Video. Which color theme are you using in VSCode. its very nice too.

  • @venkatajayaprakashnagabirv3684
    @venkatajayaprakashnagabirv3684 4 года назад

    Awesome and simple tutorial on NGRX

  • @raymondoyinlola7765
    @raymondoyinlola7765 4 года назад

    Thank you very much. I am glad I watched this tutorial.

  • @sachinrajput8940
    @sachinrajput8940 4 года назад

    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

  • @awisemanoncesaid12
    @awisemanoncesaid12 4 года назад

    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

  • @apoorvsrivastava5819
    @apoorvsrivastava5819 4 года назад

    Sir good tutorial can you please explain other crud operations as well a complete crud.

  • @shyandsy
    @shyandsy 4 года назад

    this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement

  • @shyandsy
    @shyandsy 4 года назад

    this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement

  • @shyandsy
    @shyandsy 4 года назад

    this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement

  • @shyandsy
    @shyandsy 4 года назад

    this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement

  • @shyandsy
    @shyandsy 4 года назад

    this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement

  • @shyandsy
    @shyandsy 4 года назад

    this is my code repo for this tutorial on angular 9, github.com/shyandsy/angular-9-ngrx-user-mamagement

  • @munapadhi8723
    @munapadhi8723 4 года назад

    can you please make video for ngrx/store unit test cases also?

  • @shyandsy
    @shyandsy 4 года назад

    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)

  • @munapadhi8723
    @munapadhi8723 4 года назад

    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.

  • @shyandsy
    @shyandsy 4 года назад

    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))) ) ) ) });

  • @shyandsy
    @shyandsy 4 года назад

    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(......

    • @rowehnakori
      @rowehnakori 4 года назад

      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

  • @tryphontournesol2432
    @tryphontournesol2432 4 года назад

    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 !

  • @sudeeptripathy8556
    @sudeeptripathy8556 4 года назад

    nice video.

  • @JuanAndres07
    @JuanAndres07 4 года назад

    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.!

  • @nikolaguzina4060
    @nikolaguzina4060 4 года назад

    So good explained, bravo my friend!!!

  • @amrinderkaur8101
    @amrinderkaur8101 4 года назад

    sir, please mention the code for service file as u didnt write code for the same in the video

    • @bernardor7552
      @bernardor7552 4 года назад

      There is a link to the github repo in the description

  • @ashishnamdeo3620
    @ashishnamdeo3620 4 года назад

    Nice tutorial ... Plz, make a video on angular 8.... :)

  • @ashishnamdeo3620
    @ashishnamdeo3620 4 года назад

    Nice tutorial ... Plz, make a video on angular 8.... :)