SeaJUG Front End Java 2021

This live recording of a presentation for the Seattle Java User group focuses on how to tackle the front-end from the perspective of a server-side Java developer. Looks at how a solo full-stack developer can leverage simple new frameworks to create rich, highly responsive, dynamic web applications - and how to scale those applications for larger teams.

Table of Contents:

06:07 - Will Iverson
06:09 - Overview
07:18 - Why Now?
09:36 - Background
09:41 - Classic (Pre 2005) App
10:27 - 2021 Sample App
11:04 - Browsers
11:07 - 2021 Sample App
11:46 - Browsers
12:06 - What is a Browser, Really?
13:40 - Feature Support
15:03 - Is HTML Fast?
17:02 - JavaScript
17:23 - What Is JavaScript?
17:48 - Browser Event Loop
19:12 - In The Loop
20:46 - Perception Of Performance
21:09 - JavaScript from Java Perspective
22:08 - JavaScript Explosion
23:26 - What are people using?
24:06 - How Hard Can It Be?
25:45 - Implicit Message
26:40 - Current Team Model
27:35 - React
28:00 - “React looks [like] in-browser PHP”
28:19 - React IN A Slide
28:24 - JSX in A SLIDE
30:02 - Why React?
30:27 - React Components
30:44 - React Virtual DOM aka Render Cache
31:28 - React FTW?
32:39 - React Component Lifecycle
32:54 - Seems Familiar
33:29 - Not Repeating, But Rhyming
35:17 - HAT Stack
35:31 - HAT In A Slide
36:01 - HTML Over the Wire
37:43 - HTML vs JS Over the Wire
38:08 - HTMX
38:56 - HTMX Intro
39:35 - HTMX Examples
41:33 - HTMX + Server-Side
42:32 - HTMX, Mustache & JSON
43:43 - Moustache/Handlebars
44:46 - Client Side Interactivity
45:19 - Hyperscript
46:00 - Comparison: Fade & Remove
46:55 - Alpine.js
47:15 - Tailwind vs Bootstrap
48:36 - Mix & Match?
49:03 - HAT Stack & Spring Boot
49:11 - Simplified Stack
49:15 - Maven & Front End
50:23 - HTMX & Spring Boot
58:01 - Sample Solo Java Dev Stack
59:08 - Scaling
01:00:24 - Next Steps
01:00:31 - Didn’t Cover
01:02:14 - Suggested Exploration
01:03:46 - Q & A
01:08:20 - Play With Canvas
01:08:26 - Graphics
01:28:20 - Play With Canvas
01:28:21 - Stuff To Check Out
01:28:23 - CI/CD, Environments
01:28:25 - Optional Replacements
01:28:27 - Tooling Hints