Spring e React - 2026

1 - Introdução 2 - Configurar ambiente 3 - Criar API 4 - Controle 5 - Base de dados 6 - Entidade 7 - Conexão 8 - Repositório 9 - Rota de cadastro 10 - Testar rota 11 - Rota de seleção 12 - Rota de alteração 13 - Rota de remoção 14 - CORS 15 - Instalar o Node 16 - Criar projeto React 17 - Estruturar projeto 18 - Adicionar o Bootstrap 19 - Estruturar formulário 20 - Estruturar tabela 21 - useEffect 22 - Listagem 23 - Visibilidade dos botões 24 - Criar objeto 25 - Cadastrar 26 - Selecionar pessoa 27 - Cancelar 28 - Alterar 29 - Remover 30 - Considerações

1 - Introdução ao treinamento de Spring e React

Olá, pessoal! Vamos iniciar mais um treinamento no canal Ralf Lima. Desta vez, vamos trabalhar com duas tecnologias fantásticas: o back-end será desenvolvido com Spring (versão 4.0.2) e o front-end será implementado com React (versão 19.2.0).

Cronograma

Veja abaixo nosso cronograma para este treinamento:

  • Instalar o JDK, Visual Studio Code e MySQL;
  • Configurar prjeto Spring;
  • Estruturar as camadas de controle, entidade e repositório;
  • Implementar as rotas GET, POST, PUT e DELETE;
  • Criar base de dados e conexão;
  • Corrigir o problema de CORS;
  • Configurar projeto React com Vite;
  • Desenvolver os componentes de formulário e tabela;
  • Referenciar o Bootstrap;
  • Utilizar os hooks useState e useEffect;
  • Trabalhar com props;
  • Consumir a API com fetch;
  • Testar aplicação.

Conteúdos extras - Exclusivos para membros

Este treinamento conta com aulas exclusivas para membros do canal, há três níveis de membros, sendo eles: Safira, Rubi e Diamante. Qualquer um destes níveis está apto para acompanhar os conteúdos extras, além da possibilidade de obter o certificado do treinamento, acompanhe abaixo os conteúdos exclusivos para membros:

  • Criar camada de serviços na API;
  • Utilizar a classe ResponseEntity;
  • Validar requisições;
  • Implementar o upload de imagens;
  • Utilizar o Material UI;
  • Reestruturar componentes;
  • Requisições através do Axios;
  • Criar a camada de serviços no React;
  • Implementar funções assíncronas;
  • Entendendo o uso do FormData;
  • Projeto final e certificado.

O que você precisa saber antes de iniciar este treinamento

Para acompanhar este treinamento, é necessário ter domínio em Spring e React. No canal Ralf Lima, há diversos treinamentos gratuitos sobre essas tecnologias, que compartilho abaixo:

Finalizamos os conteúdos da primeira aula do treinamento. Espero que tenham gostado da ementa proposta. Em caso de dúvidas, comentem nos vídeos disponíveis no YouTube.

Deixarei a playlist deste treinamento à disposição, abaixo segue nossa primeira aula de Angular: