20 - Estruturar tabela

Agora que temos o formulário estruturado, vamos criar a tabela para exibir as pessoas cadastradas na nossa aplicação. A tabela será responsável por listar os registros obtidos da nossa API.

Vamos utilizar a estrutura HTML básica de uma tabela, com os elementos <table>, <thead> e <tbody> para organizar as informações. A tabela irá exibir os dados das pessoas, como código, nome e cidade.

A tabela será dinâmica, ou seja, vamos buscar os dados da API e exibi-los de forma automática, utilizando o React e a função useEffect para realizar a requisição GET à nossa API.

No vídeo abaixo, mostro passo a passo como estruturar a tabela: