Overview
Explore the transformative impact of Flux application architecture on front-end development in this 49-minute Devoxx conference talk. Dive into the fundamentals of NgRx Store and learn how to implement centralized, immutable, and reactive state within Angular applications. Discover effective state manipulation patterns for various requirements, including asynchronous operations with error handling, optimistic updates, infinite scrolling, and process steps. Gain insights into common state-related issues, user experience challenges, and distribution and synchronization problems. Understand the concept of client persistence state and how to determine appropriate persistence levels. Follow along as the speaker, Gion Kunz, an experienced Angular developer and creator of the Chartist library, demonstrates how Flux architecture can lead to more predictable, bug-free applications with simplified error handling.
Syllabus
Intro
Common Issues with State
User Experience Issues
Distribution and Synchronization Issues
Client Persistence State
The Persistency Gradient
Determining Persistence Level
Flux Application Architecture
ngrx store architecture
The Reducer Function
Flux is Balm for the Soul of your Application!
ngrx effects architecture
Asynchronous Operations with Error Handling
Optimistic Update
Load more button / infinite scrolling
Process Steps / State Machine
Conclusion
Taught by
Devoxx