ngx-rehydrate

Ngx-rehydrate is a library that transfers NgRx state from server to browser in Angular Universal applications. It ensures the client starts with a fully populated store, eliminating duplicate HTTP requests and providing a seamless user experience without UI inconsistencies.

Key Features

• Seamless State Transfer — Transfers server-side NgRx state to the browser for consistent application bootstrapping.
• Configurable Merge Strategies — Offers multiple strategies (OVERWRITE, MERGE_OVER, MERGE_UNDER) for merging server and client state.
• Selective State Slice Rehydration — Allows rehydration of specific store slices, optimizing performance and control.
• Duplicate HTTP Request Prevention — Provides a withTransferState operator to skip server-side-made API calls on the client.
• Modern Standalone API — Uses provider functions for easy integration with Angular's standalone components, supporting tree-shaking.
• Full TypeScript Support — Ensures type safety throughout the rehydration process.
• Backward Compatibility — Supports both modern standalone apps and legacy NgModule-based applications.

Philosophy

Ngx-rehydrate is designed to make server-side rendering with NgRx effortless and efficient, focusing on performance optimization and developer experience by eliminating common SSR pitfalls like state flicker and redundant network calls.