Good Action Hygiene with NgRx Mike Ryan

शेयर करें
एम्बेड करें
  • 20/04/2018 को प्रकाशित
  • ng-conf is a two day, single track conference focused on delivering the highest quality training in the Angular JavaScript framework. 1500+ developers from across the country will converge on beautiful Salt Lake City, UT to participate in training sessions by the Google Angular team, and other Angular experts. In addition to the invaluable training, ng-conf will deliver a premier conference experience for attendees, providing opportunities to network with other developers, relax at social events, and engage in some of the unique entertainment opportunities available in Utah.
  • विज्ञान और तकनीकविज्ञान और तकनीक

टिप्पणियाँ • 26

  • Vaibhav Patil
    Vaibhav Patil महीने पहले

    Grt talk!

  • Saad Abbasi
    Saad Abbasi 3 महीने पहले +1

    What he showed at 4:30 its something to worry about. Just enable redux devtools tracing and you'll easily trace which component dispatched that action.

  • Derek Canham
    Derek Canham 4 महीने पहले

    damn but the man makes a lot of sense

  • AdditionAddict
    AdditionAddict 5 महीने पहले

    What is the canonical way to do the same effect for multiple (lots of) actions? My understanding is that if you have multiple components that want to 'LOAD_PROJECTS' you should for the sake of visiblity have separate actions say 'LOAD_PROJECTS_ADMIN' and 'LOAD_PROJECTS_EDITOR' and stack them for the reducer. Given ofType is limit to 5 actions, should I a) create a new combination action 'LOAD_PROJECTS' and have lots of effects that reraise as this combination action. b) something cleaner?

  • Joel Mathias
    Joel Mathias 7 महीने पहले

    I was nodding in agreement the entire time.. very well presented talk

  • Sébastien Dubois
    Sébastien Dubois 7 महीने पहले

    Great advices, thank you Mike!

  • R Adams
    R Adams 8 महीने पहले

    Superb talk Mike.

  • Marian Benčat
    Marian Benčat 11 महीने पहले +8

    If you wanna use actions like events you should change your naming conventions... “add something” is obviously command. it may be “adds” , or “added” then...

  • Denis DK
    Denis DK साल पहले

    thanks Mike. What is about re-usable high order reducers with action type prefixes? Do you use that?

  • Life is a Game
    Life is a Game साल पहले +1

    This was a fantastic lesson provided here. Thanks Mike!

  • Derek Canham
    Derek Canham साल पहले +3

    Omg like a light bulb going off, talk about not seeing the forest for the trees, your story of the new developer using the devtools to understand the app just made me laugh at how hard I have been working to get the same insight by tracing the source code, for that alone it makes the 17 minutes spent watching this video the best spent this month.

  • Robert Bryan
    Robert Bryan साल पहले +1

    Thank you for the talk Mike! Really enjoyed this one

  • Greg
    Greg साल पहले


  • Nicolas Boulet-Lavoie
    Nicolas Boulet-Lavoie साल पहले

    I love it, thank you Mike !

  • hal7mar
    hal7mar साल पहले

    Good points! I just wonder why the action creators were not mentioned in the talk..

  • Kgotso K
    Kgotso K साल पहले +5

    About to implement NGXS on a prod app, this helps a ton!

  • Johnny G
    Johnny G साल पहले

    I love this approach. I do have a question: what are your naming conventions when using strongly typed actions? I've been doing something like the following:
    export enum UserActionTypes {
    LoadUsers_Routing = '[User | Routing] Load Users',
    LoadUsers_Refresh = '[User | Refresh] Load Users',
    So the entity related to the action is User and action source is the router in this case. My type enum is therefore called LoadUsers followed by underscore and then the source. Any other suggestions?

  • Exocomp
    Exocomp साल पहले +1

    4:50 Isn't it necessary sometimes to dispatch multiple actions from the same effect? For example, you dispatch a log in user action, once the user is logged in then you dispatch multiple actions like set the access token, load their profile, etc. Wouldn't it be necessary in certain cases ?

  • Marian S
    Marian S साल पहले

    Thank you Mike! #clarity
    Can someone please share the Github account of Mike?

  • Vidal Quevedo
    Vidal Quevedo साल पहले +4

    This is a great set of guideline on how to approach actions. Thanks, Mike!

  • Abhinandan NM
    Abhinandan NM साल पहले +14

    Is that Samwell Tarly?

    • richard roma
      richard roma साल पहले

      Great speech, so excited to get started on this framework.

    • Mike Ryan
      Mike Ryan साल पहले +9

      I'll take it.

  • Thomas Burleson
    Thomas Burleson साल पहले +9

    Loved this talk! After using NgRx for more than 2yrs, `Good Action Hygiene` verbalizes so many lessons learned. In fact, this talk even added EXTRA ideas that I will adopt from now on!

  • Ivan Pankratov
    Ivan Pankratov साल पहले +9

    Feels like that's the part I've been missing with Ngrx. Thank you Mike!