Full-stack React + Spring Boot app tutorial 2023 [Java + TypeScript + Hilla]

preview_player
Показать описание
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

Рекомендации по теме
Комментарии
Автор

interesting how it packs the front-end and backend without too much work, have to learn this asap

Lykkos
Автор

Thank you very much for such good tutorial! I love it

Ishan_Ibragimov
Автор

Not sure if this is a version thing, but when I follow the steps, I do not have the file routes.tsx (routes.tsx does exist in the 'generated' folder, but not in the parent 'frontend' folder).

tangoember
Автор

what library or tool is doing the actual type generation?

FunctionGermany
Автор

Can i install npm packages for use in react, like mui ?

ewolz
Автор

in intellij there is an error i am using community version of intellij and typescript is not working

mohit_dev_guy
Автор

Hello Marcus,
Excellent training! Thanks,

Three questions:
1. Can be Kotlin integrated with Spring Boot for the server side?
2. Can be NextJS integrated with React for the front end? or Tailwind, etc.
3. Does it generate a PWA by default?

Thanks,
JA

jcolindres
Автор

Thanks for the tutorial. Which theme do you use for VSCode?

HJohnson-tubu
Автор

Hey thanks!Very good video. But unfortunately I was unable to log in to the github. Shows 404 error.

ombrax
Автор

Is it possible use .js not .ts ? Or hilla doesn't support dynamic type?

azamatorozbaev
Автор

But. It seems not usefull for lose couppling architecture

shankarsku