ngrx-normalizr - Managing normalized state in ngrx applications - transparently

  •        52

Managing normalized state in ngrx applications, transparently. This package provides a set of actions, reducers and selectors for handling normalization and denormalization of state data transparently. ngrx-normalizr uses normalizr for normalizing and denormalizing data. All normalization and denormalization is defined by the use of normalizr schemas, since that's the way normalizr works. This enables selectors to use a transparent and powerful projection of state data.

https://michaelkrone.github.io/ngrx-normalizr/
https://github.com/michaelkrone/ngrx-normalizr

Dependencies:

normalizr : ^3.2.3

Tags
Implementation
License
Platform

   




Related Projects

normalizr - Normalizes nested JSON according to a schema

  •    Javascript

Many APIs, public or not, return JSON data that has deeply nested objects. Using data in this kind of structure is often very difficult for JavaScript applications, especially those using Flux or Redux. Normalizr is a small, but powerful utility for taking JSON with a schema definition and returning nested entities with their IDs, gathered in dictionaries.

example-app - Example app showcasing the ngrx platform

  •    TypeScript

Example application utilizing @ngrx libraries, showcasing common patterns and best practices. Take a look at the live app. This app is a book collection manager. Using the Google Books API, the user can search for books and add them to their collection. This application utilizes @ngrx/db to persist the collection across sessions; @ngrx/store to manage the state of the app and to cache requests made to the Google Books API; @angular/router to manage navigation between routes; @ngrx/effects to isolate side effects.

angular-ngrx-data - Angular with ngRx and experimental ngrx-data helper

  •    TypeScript

You may never write an action, reducer, selector, effect, or HTTP dataservice again. NgRx helps Angular applications manage shared state in a "reactive" style, following the redux pattern.

ngrx-actions - ⚡️ Actions and Reducer Utilities for NGRX

  •    TypeScript

Actions/reducer utility for NGRX. It provides a handful of functions to make NGRX/Redux more Angular-tastic. Inspired by redux-act and redux-actions for Redux.


angular-seed-advanced - Advanced Angular seed project with support for ngrx/store, ngrx/effects, ngx-translate, angulartics2, lodash, NativeScript (*native* mobile), Electron (Mac, Windows and Linux desktop) and more

  •    TypeScript

Please read this notice first before continuing. Advice: If your project is intended to target a single platform (i.e, web only), then angular-seed is likely more than suitable for your needs. However if your project goals are to target multiple platforms (web, native mobile and native desktop), with powerful out of the box library support and highly configurable/flexible testing options, then you might want to keep reading.

store-devtools - Developer Tools for @ngrx/store

  •    TypeScript

Devtools for @ngrx/store. Please read contributing guidelines here.

redux-beacon - Analytics integration for Redux and ngrx/store

  •    TypeScript

If you're using Redux or ngrx/store to manage your app's state, you can use Redux Beacon to tap into your dispatched actions and map them to events that are consumable by an analytics service (e.g. Google Analytics). With Redux Beacon your entire global state life-cycle becomes trackable. Redux Beacon is lightweight. The core Redux Beacon module is tiny (~ 1KB), and each target, extension, and util, is either around the same size or smaller.

effects - Side effect model for @ngrx/store

  •    TypeScript

Side effect model for @ngrx/store

router - Reactive Router for Angular

  •    TypeScript

The Angular 2 Router was inspired by the ngrx/router, shares a familiar API and will be updated going forward. The ngrx/router may continue to live on as a framework agnostic router with more experimental features. This is an alternative router for Angular 2 focused on providing a simple, reactive API built to scale for large applications.

angularspree - Angular(6+) E-Commerce front-end framework

  •    TypeScript

AngularSpree Plug and play frontend application for SPREE E-Commerce API built with ❤️ using Angular6, Redux, Observables & ImmutableJs. AngularSpree is an open source Angular(6.x+) front-end application for Spree Commerce. It's free and always will be.

yatrum - Yatrum - Share and Discover Travel Stories, Itineraries, Travel Guides built with ♥️ using Angular 4

  •    TypeScript

Yatrum built with ❤️ using Angular2, ngrx store, observables and reactive forms. We have also created and open sourced AngularSpree: Plug and play frontend application for SPREE E-Commerce API built with ❤️ using Angular2, Redux, Observables & ImmutableJs.

angular-webpack-starter - A complete Angular 6 and Webpack 4 starter seed with minimal and full featured branches

  •    TypeScript

Featuring Material Design 2, Webpack (and Webpack DLL plugin for faster dev builds), HMR (Hot Module Replacement), @ngrx for state management and optional server-side rendering with Universal. Use yarn start for dev server. Default dev port is 3000.

redux-pack - Sensible promise handling and middleware for redux

  •    Javascript

redux-pack is a library that introduces promise-based middleware that allows async actions based on the lifecycle of a promise to be declarative. Async actions in redux are often done using redux-thunk or other middlewares. The problem with this approach is that it makes it too easy to use dispatch sequentially, and dispatch multiple "actions" as the result of the same interaction/event, where they probably should have just been a single action dispatch.

platform - Reactive libraries for Angular

  •    TypeScript

Become a sponsor and get your logo on our README on Github with a link to your site. Please read contributing guidelines here.

store - RxJS powered state management for Angular applications, inspired by Redux

  •    TypeScript

These core principles enable building components that can use the OnPush change detection strategy giving you intelligent, performant change detection throughout your application. Please read contributing guidelines here.

aspnetcore-angular2-universal - *NEW* Angular 6

  •    TypeScript

This repository is maintained by Angular and is meant to be an advanced starter for both ASP.NET Core 2.1 using Angular 6.0+, not only for the client-side, but to be rendered on the server for instant application paints (Note: If you don't need SSR read here on how to disable it). This is meant to be a Feature-Rich Starter application containing all of the latest technologies, best build systems available, and include many real-world examples and libraries needed in todays Single Page Applications (SPAs).