Build Your Own Project List App with Spring Boot Server and React18

Be sure to subscribe to the Wazoo Web Bytes Podcast available now on Spotify and Apple Podcast - https://wazoowebbytespodcast.transistor.fm/

In this episode we're going to build a web application that displays a list of Projects!

We'll be using Java Spring Boot for our backend, and creating some JavaScript components using React18.

Github Code: https://github.com/wazooinc/spring-boot-react18-demo

👋🏻Connect with me:
Twitter: https://www.twitter.com/eyuzwa

===---=== Concepts ===---===
- Thymeleaf
- Spring Web
- Spring Data
- H2 Database
- React
- Webpack

===---=== Chapters ===---===
00:00 - Introduction
00:24 - Project Demo
01:25 - Start.spring.io
02:41 - Opening the project template
03:38 - Setup H2 in application.properties
05:18 - Create the Project model
07:38 - Create the Project repository
08:37 - Create the DatabaseLoader
11:43 - Create the Project controller
13:20 - Using curl to verify data
14:00 - Create the Home controller with index template
16:30 - Working with NPM and Package.json
21:24 - Creating the webpack.config.js
27:05 - Creating the frontend folder for React components
29:34 - Creating the App component
32:43 - Basic overview of the useEffect hook
35:17 - Creating the ProjectList component
40:15 - Creating the Project component
42:50 - Starting NPM start script
44:33 - Adding CSS to Webpack

#Java
#SpringBoot
#Tutorial

🔗Resources & Links mentioned in this video:

Spring Initializr: https://start.spring.io/​
Visual Studio Code: https://code.visualstudio.com/
IntelliJ: https://www.jetbrains.com/idea/

Видео Build Your Own Project List App with Spring Boot Server and React18 канала Wazoo Web Bytes