Performance Showcase

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.