skills.rest
Kotuhan
KotuhanCOMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Create Redux Toolkit entities with types, thunks, reducers, selectors, and hooks.

Updated Feb 19, 2026
Search Tags:#typescript#state management#frontend#react#api integration#redux
One-click install
npx skills add https://github.com/Kotuhan/labor-market-dashboard --skill frontend-developer-kotuhan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/Kotuhan/labor-market-dashboard/tree/main/.claude/skills/frontend-developer
Command: npx skills add https://github.com/Kotuhan/labor-market-dashboard --skill frontend-developer-kotuhan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a standardized, efficient, and maintainable approach to building frontend features, ensuring consistency and reducing boilerplate code.

Core Features & Use Cases

  • Structured Data Fetching: Implements patterns for both eager and lazy data fetching using Redux Toolkit.
  • State Management: Guides the creation of Redux slices, thunks, and selectors for managing application state.
  • API Integration: Outlines the process for integrating with backend APIs, including data transformation.
  • Use Case: When adding a new user profile section to the dashboard, use this Skill to set up the necessary types, API calls, Redux state, and React hooks for fetching and displaying user data.

Quick Start

Use the frontend-developer skill to add a new entity to the Redux store and create associated hooks.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I set up Redux Toolkit for state management and API integration in a React app?▼

Redux Toolkit state management and API integration in React require standardized slices, thunks, and selectors. This framework provides structured patterns for data fetching, transformation, and component development to reduce boilerplate.

What is the best way to create new entities with custom hooks in Redux?▼

Creating new entities in Redux involves defining types, asynchronous thunks, reducers, and selectors. This framework standardizes this process by generating associated custom hooks to fetch and display data efficiently.

How do I implement eager and lazy data fetching patterns with Redux Toolkit?▼

Eager and lazy data fetching patterns with Redux Toolkit are implemented through structured asynchronous thunks. This framework guides the creation of these patterns to ensure consistent data retrieval and state updates.

Does this Redux Toolkit approach work with TypeScript for frontend development?▼

Yes, this Redux Toolkit approach works with TypeScript for frontend development by defining typed entities, reducers, and selectors. It ensures robust web UIs through standardized type definitions across API integration and state management.

How do I integrate backend APIs and handle data transformation in Redux?▼

Integrating backend APIs in Redux involves outlining the process for data transformation within asynchronous thunks. This framework standardizes API integration to ensure consistent data flow from backend responses to the Redux store.

Related Skills

Explore More Software Engineering Skills→
SHAJAR5110SHAJAR5110

state-management-expert

Configure Redux Toolkit and Zustand stores for TypeScript React apps.

Community
Advanced
guichefferguicheffer
3

redux-patterns-web

Provide Redux state management patterns with selectors, thunk actions, and React-Redux hooks.

Community
Intermediate
s7917s7917

orchestrate-side-effects/handle-side-effects

Select Redux Toolkit side-effect patterns across RTK Query, thunks, and listener middleware.

Community
Advanced
voidrotvoidrot

react-state-management

Provides React state management guidance covering Redux Toolkit, Zustand, Jotai, Query, SWR, and optimistic updates.

Community
Advanced