npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

ng-component-redux

v1.0.0-beta.3

Published

React-Redux style bindings for Angular 1.5 components

Downloads

8

Readme

Angular Redux

Build Status npm version

Angular component bindings for Redux. Inspired by ng-redux and react-redux. A great way to manage application state in component-based applications.

Advantages

@wbuchwalter did a great job with ng-redux, and if you need to use Redux with an earlier version of Angular, be sure to check out his package. The main motivation for building this package was having the ability to build Angular 1.5 applications with Redux bindings that were component based, just like the React bindings.

Possibly the single greatest advantage of this package is that nearly all code that is written for react-redux can be directly ported to an Angular application using this package. This is because the connect function to create connected components works the same way, and stores are configured and used in the application almost entirely the way you would in a react-redux application. The only exception is that this package provides a helper function that will allow you to get Angular dependencies to use in middleware. This helper can be accessed via import injector from 'ng-component-redux'

Installation

This package requires Angular 1.5.3 or higher. This is because this package relies on Angular 1.5's .component() method, and also takes advantage of the lifecycle hooks introduced in v1.5.3.

To install this package, run:

npm i -S ng-component-redux

The preferred method of using this package is with a build system such as Browserify or Webpack and npm. If, however, you don't yet use a modern build system or npm, you can include the pre-built UMD module which can be found in the dist directory, and access it via the global AngularRedux object. This is not a recommended approach since many complementary redux packages are only available via npm.

Todo

License

MIT

Credits

Huge thank you to @gaearon for creating redux and the official React bindings. This package was heavily based off of and inspired by the React bindings.

Also, many thanks to @wbuchwalter for building ng-redux, which allowed me to gain my first exposure to Redux in an Angular 1.x application.