Muitas vezes só olhamos para a performance depois que o problema está acontecendo. Isso é bem comum no meio do desenvolvimento de software, no entanto há muita coisa que pode ser evitada se for praticada diariamente e executada do melhor jeito possível. Nessa demo vamos colocar números na frente de cada otimização: cem mil linhas renderizando sem travar via virtualização, code splitting reduzindo o bundle inicial, useMemo/useCallback usados para evitar re-render do conteúdo e uma tarefa pesada rodando em Web Worker sem travar a thread principal. FPS, tempo de carregamento de tela, contagem de renders e tamanho de bundle ficam visíveis o tempo todo.
A demonstração interativa deste recurso estará disponível em breve.
A demonstração interativa de Performance Showcase está em desenvolvimento. A arquitetura e os detalhes técnicos já estão documentados acima.
Paginação server-side, scroll infinito, cache assincrono, refreshs otimizados, polling e SSR — os padrões avançados do TanStack Query.
Formulários multi-etapas, arrasta e solta, upload avançado, editor de textos, máscaras de campos, campos personalizados, componentização.