React • Sección temática2 escenarios

Rendimiento y Virtualización

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

Renderizado de listas y tablas con más de 100.000 elementos: ventanas virtuales, medición de altura ResizeObserver, restauración de scroll y filtros en URL.

TanStack Virtual 3Nuqs URL StateWindowing100k+ FilasCore Web Vitals

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

Virtualización de Listas y Tablas de Alta Carga: TanStack Virtual v3, Alturas Dinámicas y Estado de URL con Nuqs

Построение виртуализированного интерфейса на 100k+ записей: Windowing алгоритм, динамическая высота строк через ResizeObserver, удержание позиции скролла и сохранение фильтров в URL search params.

React 19TanStack Virtual 3.xTypeScript 5.8+Nuqs 2.x

Escenario integralAbrir flujo de trabajo

Senior40 min+50 XP

Perfilado y Optimización de Rendimiento en React 19: React DevTools, Eliminación de Renderizados Inútiles y Ajuste de INP

Глубокое руководство по профилированию и оптимизации производительности в React 19: чтение графиков Flamegraph в React DevTools, отладка холостых каскадных ререндеров, разбиение длинных задач (Long Tasks) для удержания метрики INP менее 50 мс и ментальная модель React Compiler.

React 19React DevTools ProfilerPerformance APIscheduler.yield()useTransition

Escenario integralAbrir flujo de trabajo

Otras secciones de React

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

Todas las secciones

2 escenarios

Gestión de Estado y Caché

Arquitectura Zustand, persistencia, useShallow y TanStack Query v5

Abrir sección

3 escenarios

Arquitectura de Componentes y Sistemas de Diseño

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

Abrir sección