What is Reatom and how does this skill help?

Reatom is a state management library for JavaScript. This skill helps by providing standardized patterns for creating atoms, computed values, and service functions to manage application state efficiently.

How does it manage complex logic or side effects?

It implements service functions in dedicated .service.ts files, allowing for clean separation between state definition and complex mutation logic.

Can this skill handle existing Reatom stores?

Yes, it is specifically designed to update existing stores and search the codebase for usages to ensure that state shape changes are reflected everywhere.

Where are the store files typically created?

Following established patterns, the skill places store atoms in the src/stores directory and shared API types in src/api.

Does it support TypeScript?

Absolutely. The skill prioritizes strict TypeScript checks and helps define or update state interfaces to ensure type safety across your store.

Reatom Store Manager

Name: Reatom Store Manager
Author: blikblum

byblikblum

•

开发者工具

Simplifies Reatom state management by automating the creation and maintenance of atoms, types, and service functions.

The Reatom Store Manager skill streamlines state management within Reatom-based applications by enforcing consistent architectural patterns. It guides the development process from defining TypeScript interfaces and initializing atomic units of state to creating computed atoms for derived data and implementing side-effect-heavy service functions. By automating the boilerplate and ensuring strict type safety, this skill helps maintain a clean, scalable state architecture while automatically tracking and updating store usages across the entire codebase.

主要功能

01Service function implementation for complex side effects

02Strict type safety enforcement for state mutations

03Standardized Reatom atom and computed atom creation

041 GitHub stars

05Automated TypeScript state type definition and synchronization

06Global usage tracking via automated codebase searching

使用场景

01Refactoring existing state shapes and updating all dependent components

02Initializing a new state store for a fresh application feature

03Implementing business logic and async operations within store service layers

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add blikblum/reatom-ui5-starter manage-reatom-stores

For use in Claude.ai and ChatGPT

主要功能

01Service function implementation for complex side effects

02Strict type safety enforcement for state mutations

03Standardized Reatom atom and computed atom creation

041 GitHub stars

05Automated TypeScript state type definition and synchronization

06Global usage tracking via automated codebase searching

使用场景

01Refactoring existing state shapes and updating all dependent components

02Initializing a new state store for a fresh application feature

03Implementing business logic and async operations within store service layers

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add blikblum/reatom-ui5-starter manage-reatom-stores

For use in Claude.ai and ChatGPT