Redux-scc custom types

100%

Redux-scc custom types

✓ Published0🌍 Public

Last edited Aug 10, 2017

Created on Aug 7, 2017

This example demonstrates how to extend the Redux-scc store with custom data types, specifically validating a `moment` object as an `expiryDate` property. It uses Redux-scc’s `Types.custom` API and `buildStoreChunk` to define a reusable shape. The code provides a custom validator and a validation error message, showing how to enforce type safety on nested store state without additional libraries. The source is a gist by TheComfyChair, and the rendering approach is not shown, focusing purely on type definition logic.

AI-generated description

Similar vizzes

Loading thumbnail…

redux-scc-v1-blog-example-store

This example demonstrates a Redux store chunk that manages both string and numeric-array state through generated reducers and selectors. It uses the `buildStoreChunk` helper to define a `stringReducer` and `arrayReducer` via `Types.reducer`, with `Types.string()` and `Types.arrayOf(Types.number())` schemas. The store is assembled with `createStore` and `combineReducers` from Redux, while `actions`, `reducers`, and `selectors` are destructured from the chunk configuration. The code shows a programmatic approach to structuring Redux state management without explicit action creators or reducer bodies.

TTheComfyChair

69% match

Loading thumbnail…

Redux without the sanity checks in a single file. Don't use this, use normal Redux. :-)

This example presents a single-file implementation of Redux, stripped of its typical validation and sanity checks. It defines core Redux APIs, including `createStore`, `combineReducers`, `bindActionCreators`, `compose`, and `applyMiddleware`, using helper functions like `mapValues` and `pick`. The code demonstrates a minimal store with `dispatch`, `subscribe`, `getState`, and `replaceReducer` methods, initializing state with an `@@redux/INIT` action. It shows a functional, albeit simplified, version of Redux’s state management pattern, intended for educational purposes rather than production use.

RRestuta

64% match

Loading thumbnail…

Redux without the sanity checks in a single file. Don't use this, use normal Redux. :-)

This example demonstrates a minimal, single-file implementation of Redux’s core API, including `createStore`, `combineReducers`, `bindActionCreators`, and `applyMiddleware`. It shows how these functions work together to manage state and dispatch actions, with `subscribe` for listener registration and `replaceReducer` for hot-swapping. The code defines the store’s logic directly, using plain JavaScript functions like `mapValues` and `compose` to replicate the original library’s behavior without its validation checks. The listing is a gist by Stroked, intended as a concise educational reference for Redux’s internals.

AAjayyy

62% match

Loading thumbnail…

redux-scc-v1-blog-double-dispatch

This example demonstrates the Redux state-management pattern for managing and visualizing multiple data updates in a JavaScript application. The code shows two consecutive `store.dispatch()` calls that trigger separate state changes: one replacing a string value and another pushing a number into an array. It highlights how Redux handles action dispatching and state transitions, using the Redux store API alongside action creators defined in the `actions` object. The visualization would typically reflect the updated state after each dispatch, showing the sequential effect of double actions on the rendered data.

TTheComfyChair

58% match

Loading thumbnail…

redux-form example - http://insin.github.io/redux-form-example/

This example demonstrates a travel-add form built with React and redux-form, styled using React-Bootstrap. It validates user input—start and end dates, origin, destination, hotel, and car access—with client-side rules like date range checks, and includes a fake submit flow that displays the submitted data as formatted JSON. The visualization highlights redux-form's declarative field binding, validation, and state management through a multi-field form, with a loading state simulated during submission.

AAbhay-Joshi-Git

58% match

Loading thumbnail…

Redux + localStorage

This example shows how to persist a Redux store in the browser’s localStorage by syncing state changes through a custom module. The code defines a reducer that handles `SET` and `REMOVE` actions, calling `serialize` to write the updated Immutable.js collection to localStorage after each mutation. On initialization, `deserialize` reads the stored JSON and hydrates the state via `Immutable.Map`. Access to stored values uses memoized `reselect` selectors, while action creators `set` and `remove` trigger updates. The implementation relies on Redux’s reducer/action pattern and the browser’s `localStorage` API.

RRestuta

56% match

Loading thumbnail…

exploring redux form

This example demonstrates a basic React form built with `redux-form`, showing how form state is managed through Redux. The code defines a `SimpleForm` component that uses the `Field` component to bind text inputs for name and email, while the `reduxForm` HOC wraps the component with form configuration. A container component handles the submitted JSON data via a callback. The example highlights the `formReducer` integration in the root reducer, illustrating the library’s core pattern of connecting form fields to Redux state and submitting values as structured JSON.

CCKschneid

54% match

Loading thumbnail…

multiple array reducer update (Redux SCC blog v1)

This example demonstrates a single action that sequentially applies three array reducer updates to mutate a shared state. It shows how a combined action named “Multi action update!” chains an array replacement, an index-based removal, and a second index-based replacement to transform an initial array `[5,4,3]` into `[5, 42]`. The code uses a custom `createCombinedAction` helper and the `actions.arrayReducer` API to compose atomic reducers, highlighting a pattern for batching multiple state mutations in a Redux-style store. The source is a JavaScript gist by TheComfyChair.

TTheComfyChair

53% match