Diseño de Sistemas Frontend

// Patrón Atomic Design
componentes/
  atomos/         // Botón, Input, Label
  moleculas/      // BarraBúsqueda (Input + Botón)
  organismos/     // Header (Logo + BarraBúsqueda + Nav)
  plantillas/     // LayoutPágina
  paginas/        // PáginaInicio, PáginaProducto

// Organización del estado
store/
  auth/
    slice.ts
    selectors.ts
  productos/
    slice.ts
    selectors.ts
  ui/
    slice.ts

// Estructura del estado
{
  entidades: {  // Datos normalizados
    usuarios: { 1: {...}, 2: {...} },
    posts: { 1: {...}, 2: {...} }
  },
  ui: {  // Estado de UI
    cargando: false,
    idSeleccionado: null
  }
}