Muchas veces solo miramos el rendimiento después de que el problema ya está ocurriendo. Eso es muy común en el desarrollo de software, pero hay mucho que se puede evitar si se practica a diario y se ejecuta de la mejor manera posible. En esta demo vamos a poner números delante de cada optimización: cien mil filas renderizando sin trabarse mediante virtualización, code splitting reduciendo el bundle inicial, useMemo/useCallback usados para evitar el re-render del contenido, y una tarea pesada corriendo en un Web Worker sin bloquear el hilo principal. FPS, tiempo de carga de pantalla, cantidad de renders y tamaño del bundle quedan visibles todo el tiempo.
La demostración interactiva de esta funcionalidad estará disponible próximamente.
La demostración interactiva de Performance Showcase está en desarrollo. La arquitectura y los detalles técnicos ya están documentados arriba.
Paginación server-side, scroll infinito, caché asíncrono, refrescos optimizados, polling y SSR — los patrones avanzados de TanStack Query.
Formularios multi-paso, arrastrar y soltar, subida avanzada de archivos, editor de textos, máscaras de campos, campos personalizados, componentización.