redoodle - An addon library for Redux that enhances its integration with TypeScript.

  •        23

An addon library for Redux that enhances its integration with TypeScript.

https://palantir.github.io/redoodle/
https://github.com/palantir/redoodle

Dependencies:

tslib : ^1.6.1

Tags
Implementation
License
Platform

   




Related Projects

multireducer - A utility to wrap many copies of a single Redux reducer into a single key-based reducer

  •    Javascript

multireducer is a utility to wrap many copies of a single Redux reducer into a single key-based reducer. There are times when writing a Redux application where you might find yourself needing multiple copies of the same reducer. For example, you might need more than one list of the same type of object to be displayed. Rather than make a big reducer to handle list A, B, and C, and have action creators either in the form addToB(item) or addToList('B', item), it would be easier to write one "list" reducer, which is easier to write, reason about, and test, with a simpler add(item) API.

typesafe-actions - Typesafe Action Creators for Redux / Flux Architectures (in TypeScript)

  •    TypeScript

Flexible functional API that's specifically designed to reduce types verbosity (especially maintainability concerns) and complexity (thanks to powerful helpers). When I was first starting with Redux and TypeScript I was trying to use redux-actions to simplify maintainability of action-creators. I was struggling and results were intimidating: incorrect type signatures and broken type-inference cascading throughout the entire code-base (read more detailed comparison).

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.

ducks-modular-redux - A proposal for bundling reducers, action types and actions when using Redux

  •    Javascript

I find as I am building my redux app, one piece of functionality at a time, I keep needing to add {actionTypes, actions, reducer} tuples for each use case. I have been keeping these in separate files and even separate folders, however 95% of the time, it's only one reducer/actions pair that ever needs their associated actions. To me, it makes more sense for these pieces to be bundled together in an isolated module that is self contained, and can even be packaged easily into a library.

react-redux-form - Create forms easily in React with Redux.

  •    Javascript

React Redux Form is a collection of reducer creators and action creators that make implementing even the most complex and custom forms with React and Redux simple and performant. That's all you need. Seriously. Read the Documentation for more information.


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.

redux-ecosystem-links - A categorized list of Redux-related addons, libraries, and utilities

  •    

A categorized list of addon libraries for Redux, as well as other libraries that are closely related. This page overlaps with the Ecosystem page in the Redux documentation, and the Awesome-Redux list, but is much more comprehensive and includes more categories.

redux-act - An opinionated lib to create actions and reducers for Redux

  •    Javascript

An opinionated lib to create actions and reducers for Redux

redux-ignore - :recycle: higher-order reducer to ignore redux actions

  •    Javascript

Now you won't be able to increment the counter anymore, because the INCREMENT_COUNTER action is ignored. Have a read of the Implementing Undo History recipe in the Redux documents, which explains in detail how higher-order reducers work.

prism - React / Redux action composition made simple http://salsita.github.io/prism/

  •    TypeScript

Given function f and function g we can simply compose them: f ∘ g = f(g()). Yes we can! Let's just call it action wrapping. Because it's the same principle like you would be wrapping a box inside a box, the last box in the hierarchy contains some object and that's the Action. We can just wrap action type to keep things simple and because action type is just a string, it's as easy as function composition.

tectonic - A declarative REST data loader for React and Redux. Docs @

  •    Javascript

Never define an action for loading data again. And also, never write a reducer again. Which means no normalization of data! And no writing reselect queries! It happens automatically for you. You say what props you want within the @load decorator. The @load decorator gets the component's props, so you can use props in the router or from parents to load data.

redux-crud - A set of standard actions and reducers for Redux CRUD Applications

  •    TypeScript

Redux CRUD is a convention driven way of building CRUD applications using Redux. After building several Flux applications we found that we always end up creating the same action types, actions and reducers for all our resources. When building an app you might have resources like users, posts and comments.

reduce-reducers - Reduce multiple reducers into a single reducer from left to right

  •    Javascript

Originally created to combine multiple Redux reducers that correspond to different actions (e.g. like this). Technically works with any reducer, not just with Redux, though I don't know of any other use cases.

redux-immutable - redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable

  •    Javascript

redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state. When Redux createStore reducer is created using redux-immutable then initialState must be an instance of Immutable.Collection.

redux-test-recorder - a redux middleware to automatically generate tests for reducers through ui interaction

  •    Javascript

Redux test recorder is a redux middleware for automatically generating tests for your reducers based on the actions in your app. Currently I've written redux-test-recorder-react a component to provide a gui for recording tests in react but I'm hopeful recording components for other frameworks can be created in the future. Also take a look at our latest build which currently runs a test generated using this module by taking advantage of the eval command. For a better idea of what is going on, you can take a look at the test file here.

react-redux-typescript-guide - The complete guide to static typing in "React & Redux" apps using TypeScript

  •    TypeScript

You should check out Playground Project located in the /playground folder. It is a source of all the code examples found in the guide. They are all tested with the most recent version of TypeScript and 3rd party type definitions (like @types/react or @types/react-redux) to ensure the examples are up-to-date and not broken with updated definitions. Playground was created in such a way that you can simply clone the repository locally and immediately play around on your own. It will help you to learn all the examples from this guide in a real project environment without the need to create some complicated environment setup by yourself.

react-redux-typescript-jspm-starter - Futuristic, bundle-free, development environment for building Component-Driven SPA with React, Redux and TypeScript - powered by JSPM (SystemJS & Rollup with tree-shaking)

  •    TypeScript

No module bundling during development, instead loading source files (.ts/.tsx) directly in the browser (using plugin-typescript). Type-checking is disabled for speed and delegated to another process. Enable strictNullChecks with noImplicitAny (compiler flags), to get Non-nullable Types (v2.0) and Smarter Type Inference (v2.1) (Source) which greatly increase your TypeScript experience.

redux-undo - :recycle: higher order reducer to add undo/redo functionality to redux state containers

  •    Javascript

Protip: Check out the todos-with-undo example or the redux-undo-boilerplate to quickly get started with redux-undo. Switching from 0.x to 1.0 (beta): Make sure to update your programs to the latest History API.

polymer-redux - Polymer bindings for Redux.

  •    Javascript

Polymer bindings for Redux. Bind store state to properties and dispatch actions from within Polymer Elements. Polymer is a modern library for creating Web Components within an application. Redux is a state container for managing predictable data. Binding the two libraries together allows developers to create powerful and complex applications faster and simpler. This approach allows the components you build with Polymer to be more focused on functionality than the applications state.

redux-machine - A tiny library (12 lines) for creating state machines in Redux apps

  •    Javascript

If you are using Immutable JS in your stores, see redux-machine-immutable. redux-machine internally uses Object.assign, which is an ES2015 feature. If you need to support older browsers, you can use a polyfill such as core-js.