BrunoGambaRocha/FullStackPracticeSpringBootReactJS

Prática da Semana 4 Spring React - Spring Boot no back end e ReactJS no front end - DevSuperior - Instrutor Nelio Alves

Java

Full Stack Practice Spring Boot ReactJS

Instrutor: Nelio Alves
Repositório original: https://github.com/devsuperior/sds4.git
Plataforma de Ensino: DevSuperior - Escola de programação
Semana 4 Spring React

Aplicações

Heroku: backend
- https://sds4-brunorocha.herokuapp.com/
Netlify: frontend
- https://dsvendas-brunorocha.netlify.app/

Objetivo

Aula 1
- Criar aplicação para o back end utilizando Spring Boot
- Criar aplicação para o front end utilizando ReactJS
- CI/CD com Netlify
Aula 2
- Implementar o back end
Aula 3
- Integrar back end e front end

Tecnologias Utilizadas

Java 11
JavaScript
TypeScript
HTML
CSS
Bootstrap
Google Fonts
Apex Charts
Spring Initializr
Spring Boot
Spring Tool Suite 4
ReactJS
Node.js
Git
Postman
Heroku
PostgreSQL / pgAdmin 4
Yarn
NPM
Visual Studio Code
Netlify
Netlify CI/CD (Continuous Integration and Continuous Delivery)
Padrão de Camadas (Conceito SOLID)
Modelo de domínio
Heroku
React Hooks
React Router DOM
Axios

Conteúdo Apresentado

Aula 1
- Criar projetos backend e frontend
- Salvar os projeto no Github em monorepo
- Montar o visual estático do front end
- Publicar o front end no Netlify
Aula 2
- Implementar o back end
  - Modelo de domínio
  - Estruturar o back end no padrão camadas
  - Consulta paginada de vendas
  - Consultas agrupadas para gráficos
  - Implantação na nuvem
Aula 3
- Integrar back end e front end
- Três pilares do React
  - Componentes
  - Props
  - Estado
- React Hooks
  - useState
  - useEffect
- Libs
  - React Router DOM
  - Axios

Referências

Spring | Tools
- https://spring.io/tools
Spring | Initializr
- https://start.spring.io
Java 11 (LTS)
- https://www.azul.com/downloads/?version=java-11-lts&os=windows&architecture=x86-64-bit&package=jdk
Postman API Platform
- https://postman.com
PostgreSQL Tutorials, Resources and Training | EDB
- https://www.enterprisedb.com/postgresql-tutorial-resources-training?cid=48
The Heroku CLI | Heroku Dev Center
- https://devcenter.heroku.com/articles/heroku-cli
Node.js | Download
- https://nodejs.org/en/download
Download Visual Studio Code
- https://code.visualstudio.com/download
Git
- https://git-scm.com/downloads
Bootstrap
Google Fonts
- https://fonts.google.com/
Apex Charts
- https://apexcharts.com/docs/react-charts/
- https://apexcharts.com/react-chart-demos/
Netlify
- https://www.netlify.com
Heroku
- https://heroku.com/

Pesquisa Complementar

Padrão camadas: como usar no Spring REST
- https://www.youtube.com/watch?v=ZaNVBhZUFIg
Modelo de domínio : como implementar no Spring
- https://www.youtube.com/watch?v=OX5MmJrFTdw
CORS: Cross-origin Resource Sharing
- https://www.treinaweb.com.br/blog/o-que-e-cors-e-como-resolver-os-principais-erros

Autor

Bruno Gamba Rocha
https://www.linkedin.com/in/bruno-gamba-rocha/