XP 0

Full-stack completo! 🎉

O ciclo inteiro, ponta a ponta

O front (React, que você aprendeu) chama a sua API com fetch — e o ciclo se fecha:

React → fetch → Express → SQL → banco → JSON → React → tela

// no front (React):
const resposta = await fetch("/produtos");
const produtos = await resposta.json();
// agora é só produtos.map(...) na tela

Repare: o await aparece dos dois lados — o front espera a resposta da rede; o back espera o banco. É o mesmo conceito que você aprendeu, nas duas pontas.

🎓 Pare e reconheça: você entende agora todas as camadas de um app de verdade — a interface (HTML/CSS/React), o servidor (Node/Express) e o banco (SQL) — e como elas conversam. Isso é ser desenvolvedor full-stack. 👏

🏆 Ao concluir este curso, você fecha a trilha completa. Vá até a página da trilha e pegue seu certificado de Desenvolvedor Full-Stack!

Pontos-chave

  • React → fetch → Express → SQL → tela
    as camadas de um app full-stack e como conversam.