~/talk

builds a React App With Hilla

Talkat Commit Your Code 2024 · 2024-12-05..12-06· [react]
linkedin:skryvets
slides:none on file

A small React + Spring Boot app called Developer Favorite Things gets built from a Hilla starter, the backend exposes methods with browser-callable annotations that produce an generated TypeScript client and synchronous-looking promises, and the frontend calls getFavoriteThings, renders items, then posts new items to an in-memory store and sees live IDs returned. Type changes on the JVM force recompilation and Hilla updates interfaces for automatic type safety. Build works end to end, requires Java 21 for one API used, and Hilla also offers validation, security, streaming and a Bing copilot AI editor.

AI-written summary · about

  1. 0:00Hilla and React intro
  2. 1:08Hilla landing page setup
  3. 2:34Hilla project generation
  4. 3:58Developer Favorite Things app
  5. 5:47Frontend-backend connection
  6. 8:39Hilla API generation
  7. 10:06Backend data structure
  8. 11:56Reading backend data
  9. 13:43Adding backend items
  10. 15:50Frontend form with Hilla
  11. 16:36Hilla advanced features
  12. 18:22Why use Hilla
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.