React • Sección temática2 escenarios

Gestión de Estado y Caché

Arquitectura Zustand, persistencia, useShallow y TanStack Query v5

Construcción de la capa de datos del cliente: cortes tipados (patrón Slice), prevención de renderizados en cascada con useShallow e hidratación del estado del servidor.

Zustand v5useShallowStateCreatorSelectoresPersist Middleware

Progreso del tema

0%(0 de 2 completado)

+100 XP~75 min

AI-Собеседование по темеОтработка вопросов Senior уровня

Симулятор сбоев в LabРешение инцидентов и аудит рантайма

Карта грейдов RoadmapПоложение темы в матрице грейдов

Escenarios prácticos de la sección

2 escenarios disponibles

Nivel de dificultad:

Senior35 min+50 XP

Arquitectura de Estado Global con Zustand v5: Slices Tipados, Persistencia y useShallow

Построение масштабируемого клиентского хранилища на Zustand v5: паттерн StateCreator Slices, глубокая типизация без циклических зависимостей, селекторы с useShallow и гидратация LocalStorage.

React 19Zustand 5.0+TypeScript 5.8+useShallow

Escenario integralAbrir flujo de trabajo

Middle40 min+50 XP

Estado del Servidor y Caché con TanStack Query v5: Query Key Factory, UI Optimista y Scroll Infinito

Глубокий разбор управления серверным состоянием в React 19: паттерн фабрики ключей запросов (Query Key Factory) для исключения опечаток инвалидации, построение мгновенного интерфейса через оптимистичные обновления (Optimistic UI) со снимком отката, пагинация и бесконечные списки с useInfiniteQuery.

React 19TanStack Query v5TypeScript 5.8+ZodVite 6

Escenario integralAbrir flujo de trabajo

Otras secciones de React

Pase a temas adyacentes para un dominio integral de la especialización.

Todas las secciones

3 escenarios

Arquitectura de Componentes y Sistemas de Diseño

Compound Components, primitivas Radix/Base UI y accesibilidad WAI-ARIA

Abrir sección

2 escenarios

Rendimiento y Virtualización

TanStack Virtual v3, alturas de fila dinámicas y estado de URL con Nuqs

Abrir sección