Frontend · material técnico

Método de execução, etapa a etapa.

prévia · compra libera tudo 24 h em 6 semanas · 6 etapas

Conduza como sprint de uma etapa por semana: segunda você lê a etapa e monta a lista de tarefas; nos dias seguintes executa com o agente sob harness; sexta você mede contra o critério de aceite e grava a evidência do entregável. Nada de pular etapa com "depois eu volto" — cada uma existe porque a seguinte assume que ela está de pé.

01

Componente e estado

4 H

Uma única origem para cada dado. O servidor é a verdade, a tela é cópia temporária — estado duplicado é bug esperando data.

Passos da etapa · sprint de uma semana
  1. Liste todo dado exibido na tela principal e anote a origem de cada um (endpoint, cache, cálculo local)
  2. Desenhe o diagrama de estado: cada dado com UMA origem, derivados apontando para ela
  3. Elimine cada cópia local que "espelha" o servidor — troque por releitura ou derivação
  4. Implemente a releitura pós-salvar no fluxo principal
Critério de aceite

Duas abas abertas alterando o mesmo registro terminam consistentes, e nenhum número aparece com dois valores na mesma tela.

A armadilha clássica

Guardar a resposta da API numa variável e "atualizar depois" — é assim que nasce o contador que não bate com a lista.

Entregável que fecha a etapa: Diagrama de estado da tela principal

As outras 5 etapas abrem com a compra.

Você acabou de ver o nível do material: passos executáveis, critério de aceite e a armadilha de cada etapa. O curso completo libera isto para todas:

  • 02 · Tabela que não trava
  • 03 · Os três estados
  • 04 · Formulário honesto
  • 05 · Ação em lote
  • 06 · Entrega e revisão