MENU

Fun & Interesting

How to get started with htmx on a legacy application

hypermedia-tv 306 7 months ago
Video Not Working? Fix It Now

Lazarus helps John figure out how to get started programming with htmx INTRO 0:33 Can john continue being a tech reply guy? 1:29 levels.io solo dev workflow 2:43 John uses git in amazing new ways 4:20 The Adobe file naming system 6:31 I like your hat 7:55 htmx first mention PART 1: The Background 8:04 The big picture goals 8:30 abandoning ideas and domains 8:58 The Optimism Tax 9:57 How to start building something (being forced to) 10:52 limitations make it easier to create PART 2: Getting specific 11:23 What coding John does at work 13:02 This is a great opportunity for htmx integration 13:24 Andrew Rhyand / Wordpress mentioned 14:21 Why a dashboard is perfect 14:47 What if you swung for the fences? 15:24 Lazarus' bill text comparison example 16:18 The project John is doing right now 16:51 The Organizational Health Score 18:16 "If you have the domain knowledge, you are the perfect person to build a tool" PART 3: How to execute 20:45 Bringing it back to htmx - how do we start? 21:06 Build it first, htmx comes at the end 21:30 At a minimum, you could use htmx to make it Live (polling) 22:58 why people think they have to use a Javascript framework SPA 23:26 Integrating htmx into any stack 24:33 Why you might use Laravel Livewire vs htmx (Livewire is great!) 25:10 The Problem with Livewire 26:08 Htmx as the ideal minimalist tool PART 4: Planning the architecture 27:07 Planning the architecture with htmx 29:00 Progressive steps of interactivity 1) Static 2) Polling 3) Transitions 29:31 Layers of interactivity 30:58 "TBH That would be a huge win" 32:02 How many projects to show at once? 33:12 Understanding how htmx pulls in the data 33:36 "You've got options" 34:00 Widgets (I hate that word) 35:01 Andrew & Wordpress mentioned again 35:23 hx-select used when you get the full page back 36:13 "That's how the backend gets you" PART 5: How to bring htmx into your workplace 36:47 How do you convince the team? 37:41 Low risk -- you have an html version if you abandon htmx 38:50 Solving the problems regardless of htmx 39:10 With htmx, we're gonna do some fancy things 40:08 a "Foolish" Question - jQuery vs. htmx 41:23 The unfinished story of jQuery (ajax) 43:14 jQuery vs. htmx Locality of Behavior 44:25 Locality of behavior - people may hate it, but its the best 45:41 Livewire & Laravel 46:10 Not thinking about breaking changes 46:38 Not dealing with updates - forever code 47:08 "Well, you've convinced me" 47:47 Would you do the design too? 48:12 The concept of a plan 49:05 Summarizing it up -- adding in htmx at the end PART 6: Sharing work & future ideas 50:12 Excited to see the bill comparison tool 51:38 Is htmx just posting on twitter? 52:43 Would htmx work for gamification-style app? 54:02 What htmx is missing for full gamification (animations) 54:27 using htmx to trigger events PART 7: Wrap-up & side projects 58:17 Building something together - Streaming? Youtube? 59:04 Idea - Neovim config file upload a ranking site??????

Comment