This is a hands-on workshop that teaches participants how to structure an Angular application to use NgRx for state management. When I set out to learn NgRx a year ago, I found a lot of high level discussion of the Redux pattern and a variety of very specific code examples, but struggled to find education that laid out the pattern from beginning to end with fully functional examples. That is what I intend to provide with this workshop. We will being with a starter project and existing HTML. We will set up state for the application, walk through creating a basic action and reducer, wire up the action and reducer in our app, and dispatch the action from a component so we can see it working in the app. From here, we can walk through the pattern again introducing additional complexity by passing a payload into an action and creating an action with an effect. Participants will end the workshop with a simple, but fully functional, application using NgRx. Slides: https://bit.ly/2GV8XY9 Starter project: https://stackblitz.com/github/apaytonmn/bananaapp Checkpoint repositories: https://stackblitz.com/github/apaytonmn/bananaapp-checkpoint-one https://stackblitz.com/github/apaytonmn/bananaapp-checkpoint-two https://stackblitz.com/github/apaytonmn/bananaapp-checkpoint-three https://stackblitz.com/github/apaytonmn/bananaapp-final Final version with comments explaining the code: https://stackblitz.com/github/apaytonmn/bananaapp-final-with-comments ng-conf is a three-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. 1500+ developers from across the globe converge on Salt Lake City, UT every year to attend talks and workshops by the Angular team and community experts. Follow us on twitter https://twitter.com/ngconf Official Website: https://www.ng-conf.org/