Regresar
Visitar

MiInbox

Cliente de correo web con estado global real: hilos, búsqueda y composición sincronizados sin lag.

MiInbox

Resumen

Un cliente de correo es uno de los problemas de estado más exigentes del frontend: mensajes leídos y no leídos, hilos, búsqueda en tiempo real, composición — todo debe sincronizarse sin lag visible y sin re-renders en cascada.

MiInbox lo resuelve con Zustand como capa de estado central: un store que mantiene coherencia entre bandejas sin disparar renders innecesarios. El resultado es una interfaz que responde inmediato sin importar cuántos mensajes estén activos en paralelo.

Línea de tiempo

Gestión de estado

Modelado del estado global con Zustand para sincronizar bandejas y estado de lectura.

Galería

Gallery 1
Gallery 2
Gallery 3
Gallery 4
Gallery 5

Aprendizajes

  • Priorizar la claridad de jerarquías en la bandeja de entrada.
  • Zustand simplifica radicalmente los props en interfaces abrumadoras.

Stack tecnológico

ReactReact
React
React Router
React Router
TypeScript
TypeScript
v0v0
v0
Vitest
Vitest
Netlify
Git
Git
GitHubGitHub
GitHub

Métricas

  • 50+Mensajes simulados
  • SPA + ZustandArquitectura

Categorías

Fullstack