Full Stack React & Spring Boot App Tutorial

Channel:

Coding Tech

Subscribers:

725,000

Published on January 29, 2023 10:45:49 PM ● Video Link: https://www.youtube.com/watch?v=ssw1ANCV1h8

Category:

Tutorial

Duration: 21:16

4,631 views

174

In this tutorial, Marcus Hellberg shows how to build a full-stack todo app with a Spring Boot Java backend and a React Typescript frontend connected with the new Hilla framework.

Create the app with:
npx @hilla/cli init --react todo

0:00 - Intro
0:18 - Creating a Hilla Spring Boot + React project
1:08 - Adding database dependencies
1:50 - Starting the dev server (Spring Boot and Vite)
2:37 - Creating a Todo View
4:32 - Creating the backend data model
6:40 - Creating an Endpoint server API
9:20 - Fetching todos from the server
12:38 - Adding new todos: input and server call
16:57 - Listing todos
18:03 - Updating todos
20:55 - Outro

PUBLICATION PERMISSIONS:
Original video was published with the Creative Commons Attribution license (reuse allowed). Link: https://www.youtube.com/watch?v=nIWshZR_wtU