Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://angular-redux.github.io/store below:

@angular-redux/store | @angular-redux/store

Use @angular-redux/store@^7 - this version supports Angular 5, and also changes to using lettable operators.

Any new major releases will released on the v7 branch and with the @latest tag for final publishes.

Use @angular-redux/store@^6 - This supports Angular 4 and earlier.

Where possible, I will be maintaining and applying any fixes / enhancements for v7 into v6 where it does not introduce a breaking change.

I made a few mistakes trying to publish fixes / etc to two major versions, which caused some releases to get tagged incorrectly and caused some confusion. Sorry for any confusion this has caused, and will do better on avoiding this in the future, and being more transparent with the releases that are going out.

Angular bindings for Redux.

For Angular 1 see ng-redux

Redux is a popular approach to managing state in applications. It emphasises:

• A single, immutable data store.
• One-way data flow.
• An approach to change based on pure functions and a stream of actions.

You can find lots of excellent documentation here: Redux.

We provide a set of npm packages that help you integrate your redux store into your Angular 2+ applications. Our approach helps you by bridging the gap with some of Angular's advanced features, including:

• Change processing with RxJS observables.
• Compile time optimizations with NgModule and Ahead-of-Time compilation.
• Integration with the Angular change detector.

• I already know what Redux and RxJS are. Give me the TL;DR.
• I'm just learning about Redux. Break it down for me!
• Talk is cheap. Show me a complete code example.
• Take me to the API docs.

Here are some examples of the angular-redux family of packages in action:

• Zoo Animals Combined Example App
• Simple SystemJS Example (Angular Quickstart)

• Reduxify your Routing with @angular-redux/router
• Reduxify your Forms with @angular-redux/form

• Using Redux with Angular - JS Toronto Meetup 2016-07-12
• Getting started with Redux
• Awesome Redux: Community Resources

@angular-redux/store uses an approach to redux based on RxJS Observables to select and transform data on its way out of the store and into your UI or side-effect handlers. Observables are an efficient analogue to reselect for the RxJS-heavy Angular world.

Read more here: Select Pattern

We also have a number of 'cookbooks' for specific Angular topics:

• Using Angular's Dependency Injector with Action Creators
• Using Angular's Dependency Injector with Middlewares
• Managing Side-Effects with redux-observable Epics
• Using the Redux DevTools Chrome Extension
• @angular-redux/store and ImmutableJS
• Strongly Typed Reducers

Want to hack on angular-redux/store or any of the related packages? Feel free to do so, but please test your changes before making any PRs.

Here's how to do that:

1. Write unit tests. You can check that they work by running npm test.
2. Run the linter. If your editor doesn't do it automatically, do it manually with npm run lint.

3. Test your changes in a 'real world scenario'. We use the example-app for this, using some npm fakery to 'publish the package locally':

4. clone the example app (git clone https://github.com/angular-redux/example-app.git)

5. generate a 'local package' (cd to your angular-redux/store clone and run npm pack). This will create a .tgz file.
6. hook your 'local package' up to your example-app (cd to your example-app clone and run npm install --save /path/to/the/tgz/file/from/above)
7. run ng serve --aot

Please make sure your changes pass Angular's AoT compiler, because it's a bit finicky with TS syntax.

Comparator: function

• Defined in components/selectors.ts:14

• • (x: any, y: any): boolean
  • Parameters
    • x: any
    • y: any
    Returns boolean

FunctionSelector: function

• Defined in components/selectors.ts:21

• • (s: RootState): S
  • Parameters
    • s: RootState
    Returns S

PathSelector: (string | number)[]

• Defined in components/selectors.ts:20

PropertySelector: string | number | symbol

• Defined in components/selectors.ts:19

• Defined in components/selectors.ts:22

Transformer: function

• Defined in components/selectors.ts:15

• • (store$: Observable<RootState>, scope: any): Observable<V>
  • Parameters
    • store$: Observable<RootState>
    • scope: any
    Returns Observable<V>

• WithSubStore(__namedParameters: object): ClassDecorator

• • Defined in decorators/with-sub-store.ts:11
  Parameters
  • __namedParameters: object
  Returns ClassDecorator

• dispatch(): PropertyDecorator

• • Defined in decorators/dispatch.ts:10
  Returns PropertyDecorator

• enableFractalReducers(rootReducer: Reducer<any, AnyAction>): function

• • Defined in components/fractal-reducer-map.ts:19
  Parameters
  • rootReducer: Reducer<any, AnyAction>
  Returns function
  • • (state: S | undefined, action: A): S
    • Parameters
      • state: S | undefined
      • action: A
      Returns S

• select<T>(selector?: Selector<any, T>, comparator?: Comparator): PropertyDecorator

• • Defined in decorators/select.ts:23
  Type parameters
  • T
  Parameters
  • Optional selector: Selector<any, T>
  • Optional comparator: Comparator
  Returns PropertyDecorator

• select$<T>(selector: Selector<any, T>, transformer: Transformer<any, T>, comparator?: Comparator): PropertyDecorator

• • Defined in decorators/select.ts:60
  Type parameters
  • T
  Parameters
  • selector: Selector<any, T>
  • transformer: Transformer<any, T>
  • Optional comparator: Comparator
  Returns PropertyDecorator

Generated using TypeDoc

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4