Manage Reatom Stores

Follow these steps to create or update stores using the existing appSession patterns.

1) Define or update state types

Create or update the state interface in src/api/* when the store shape is shared or reused.

Example:

export interface Movie {
  id: string
  title: string
  year: number
  tags?: string[]
}

2) Create or update the store atom

Add a new file in src/stores/* or update the existing atom.

Example:

import { atom, computed } from '@reatom/core'
import { Movie } from '../api/movie'

export const moviesAtom = atom<Movie[]>([])

export const movieCountAtom = computed(() => moviesAtom().length)

Keep initial state explicit, and prefer small, focused atoms.

3) Add or update service functions (if needed)

If store updates involve side effects or async logic, place functions in src/stores/*.service.ts and mutate state via *.set.

Example:

import { moviesAtom } from './movies'

export function addMovie(movie: Movie): void {
  moviesAtom.set((movies) => [...movies, movie])
}

4) Update usages

Search for all usages and update them to match the new store shape.

Use:

• rg -n "moviesAtom|movieCountAtom|addMovie" src

5) Keep types strict and clean

Ensure no unused imports or params remain, and that strict TypeScript checks pass.