redux

Create a Redux-compatible StateStore adapter for json-render's StateProvider.

Updated Jun 24, 2026
One-click install
npx skills add https://github.com/hasna/render --skill redux-hasna
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: redux
Source: https://github.com/hasna/render/tree/main/skills/redux
Command: npx skills add https://github.com/hasna/render --skill redux-hasna

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

When building React applications with json-render and Redux or Redux Toolkit, you need a way to use your existing Redux store as the state backend for json-render, avoiding custom state synchronization work and ensuring consistent state management across your app.

Core Features & Use Cases

  • Redux StateStore Adapter: Provides a reduxStateStore function that creates a json-render-compatible StateStore backed by any Redux or Redux Toolkit store.
  • Centralized State Management: Lets you store json-render UI state alongside your existing application state in a single Redux store, using familiar Redux patterns and dev tools.
  • Use Case: Use this skill to integrate json-render into an existing Redux-based dashboard app, so all UI state from generated components is managed via your existing Redux Toolkit slices and reducers.

Quick Start

Use the redux skill to wire your existing Redux or Redux Toolkit store as the state backend for a json-render StateProvider in your React application.

Frequently Asked Questions about redux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use my Redux store as the state backend for json-render UI components?

You can wire your Redux store to json-render using a reduxStateStore adapter function. This adapter accepts a Redux store instance, state selector, and dispatch callback to create a compliant StateStore backend for json-render's StateProvider.

Can I store json-render UI state alongside my existing application state in Redux Toolkit?

Yes, you can centralize json-render UI state alongside your existing application state in a single Redux Toolkit store. This adapter lets you manage generated component state using familiar Redux slices and reducers while leveraging standard Redux dev tools.

What's the best way to integrate json-render into an existing Redux-based React application?

The best way to integrate json-render into an existing Redux-based React application is using a reduxStateStore adapter. It eliminates custom state synchronization work by mapping your existing Redux store to a json-render-compatible StateStore backend.

Why do I need a state store adapter when using json-render with Redux?

You need a state store adapter to avoid custom state synchronization work between json-render and Redux. The adapter translates Redux store instances, state selectors, and dispatch callbacks into a compliant StateStore backend for json-render's StateProvider.

Do I need to replace my current Redux Toolkit slices to use json-render for React state management?

No, you do not need to replace your current Redux Toolkit slices. The redux skill applies to existing Redux-based projects, allowing you to centralize json-render UI state in your single Redux store using your existing reducers and patterns.

When should I not use this approach for managing React application state?

You should not use this approach if your React application does not already use Redux or Redux Toolkit for state management. This adapter is specifically designed for existing Redux-based projects that need to centralize json-render UI state in a Redux store.