Examples and tutorial
This page guides you through setting up a simple example of two components that communicate via a store shared value.
This page guides you through setting up a simple example of two components that communicate via a store shared value.
foundation-redux provides Redux Toolkit integration for Genesis components, offering a clean and efficient way to manage application state using the proven Redux pattern.
The foundation-store provides a decoupled and testable way to manage application state, which adheres to our best practices. Using foundation-store is completely optional; you might decide that your application doesn't warrant a store, or that you would prefer to use a store that you are more familiar with.
This page guides you through installing the foundation-store in your legacy project. This isn't recommended - all new applications created via Genesis Create or genx will install the store for you, and then you can just follow the example tutorial. However, if you're adding Genesis into an existing project (or you're using an old Genesis project from before the store was a default component) you can follow this guide.
Manage application state in Genesis apps with either our built-in store or a Redux Toolkit–powered alternative. Pick what suits your team and scale, then dive in.
Store bindings
Almost every application has workflows where work items move from one state to another, such as new, amended and completed. But it can be difficult to manage transitions from one state to another using a standard Event Handler: