Ronan Berder: Basecoat UI (ShadCN Without React) Hx-pod podcast

Artwork

Tech Podcasting Education Lazarus

Player FM - Internet Radio Done Right

הוסף לפני one שנה

תוכן מסופק על ידי Lazarus. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Lazarus או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

B

Biscuits & Jam

Biscuits & Jam podcast artwork

Biscuits & Jam podcast artwork

1
Wyatt Flores’s Red Dirt Roots 43:43

לפני 24 ימים43:43

הפעל מאוחר יותר

הפעל מאוחר יותר

43:43

Wyatt Flores is a 23-year-old singer-songwriter from Stillwater, Oklahoma, who’s making a name for himself in the Red Dirt music scene, building on the musical legacy of his home state. He grew up on a ranch in a working-class family where he was surrounded by musicians, often hearing them play cowboy songs around a campfire. His father, a drummer, built him a stage in the backyard when he recognized his talent, and his Uncle Bobby taught him how to play guitar. Now Wyatt is playing in front of thousands of fans, singing at the Grand Ole Opry, and writing songs that are winning audiences with their honesty, heart, and vulnerability. His debut album, Welcome to the Plains, explores the rough—and sometimes violent—side of growing up in rural Oklahoma, but it also shows a talent for storytelling and a wry sense of humor. Sid talks to Wyatt about why he’s so happy to be back in Stillwater after a couple of years in Nashville, the mental health struggles he’s openly shared with his fans, the family member he wants to have on his podcast, and why his favorite food is a breakfast burrito. Learn more about your ad choices. Visit podcastchoices.com/adchoices…

hx-pod « »
Ronan Berder: Basecoat UI (ShadCN without React)

לפני 29 ימים 1:14:19

שתפו

MP3•בית הפרקים

תוכן מסופק על ידי Lazarus. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Lazarus או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

I talk to Ronan Berder, the creator of Basecoat UI, a tailwind-based version of ShadCN for non-React projects.

Built specifically for use with server-rendered templates, htmx, vanilla js, alpine, and other hypermedia-based solutions.

Basecoat UI: https://basecoatui.com/
Basecoat Repo: https://github.com/hunvreus/basecoat
Ronan on X: https://x.com/hunvreus

I ask him how he built it, why he built, and what he has in store for it.

Chapters (from AI)
00:00 Introduction to Basecoat UI
06:51 The Journey of Building Basecoat UI
11:09 Understanding Theming and Customization
18:57 Complexity in UI Libraries
24:01 Design Principles and Aesthetics
30:06 Future of Basecoat UI and Community Engagement
38:24 Navigating Browser Compatibility Challenges
41:49 The Evolution of Web Technologies
45:25 Performance Optimization in Web Development
51:14 The Aesthetic Appeal of Modern Web Applications
54:29 Generative UI and the Future of Development
01:01:21 Simplifying Complexity in Web Development
01:11:42 Open Source Contributions and Community Engagement

… continue reading

112 פרקים

#Tech #Podcasting Education #Lazarus

Artwork

Ronan Berder: Basecoat UI (ShadCN without React)

published לפני 29 ימים

שתפו

MP3•בית הפרקים

תוכן מסופק על ידי Lazarus. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Lazarus או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

I talk to Ronan Berder, the creator of Basecoat UI, a tailwind-based version of ShadCN for non-React projects.

Built specifically for use with server-rendered templates, htmx, vanilla js, alpine, and other hypermedia-based solutions.

Basecoat UI: https://basecoatui.com/
Basecoat Repo: https://github.com/hunvreus/basecoat
Ronan on X: https://x.com/hunvreus

I ask him how he built it, why he built, and what he has in store for it.

Chapters (from AI)
00:00 Introduction to Basecoat UI
06:51 The Journey of Building Basecoat UI
11:09 Understanding Theming and Customization
18:57 Complexity in UI Libraries
24:01 Design Principles and Aesthetics
30:06 Future of Basecoat UI and Community Engagement
38:24 Navigating Browser Compatibility Challenges
41:49 The Evolution of Web Technologies
45:25 Performance Optimization in Web Development
51:14 The Aesthetic Appeal of Modern Web Applications
54:29 Generative UI and the Future of Development
01:01:21 Simplifying Complexity in Web Development
01:11:42 Open Source Contributions and Community Engagement

… continue reading

112 פרקים

#Tech #Podcasting Education #Lazarus

כל הפרקים

×

Artwork

1
Self-destructing polling 6:23

לפני 3 ימים6:23

הפעל מאוחר יותר

הפעל מאוחר יותר

6:23

hx-trigger="every 2s" hx-swap="outerHTML"> Sending...

Artwork

1
Building with no build step 11:51

לפני 23 ימים11:51

הפעל מאוחר יותר

הפעל מאוחר יותר

11:51

Is it ok? Can you make "real" apps without npm? Original X post: "we are now at a point that we can ditch build systems for many projects & many people underestimate the amount weight doing so would lift off their burdened shoulders" - htmx_org https://x.com/htmx_org/status/1928819921376395580 Chapters: 0:14 What is no-build? 1:35 The X arguments 4:25 Why the build process is (was) good 5:26 Build process in practice 6:31 Got money to burn? 8:25 Do your own thing 9:12 Tailwind CSS and Remix 3 (!!!) are introducing no-build setups 11:00 There's always new ways to build great things 11:20 (but learn build steps and React to get a job)…

Artwork

1
Ronan Berder: Basecoat UI (ShadCN without React) 1:14:19

לפני 29 ימים1:14:19

הפעל מאוחר יותר

הפעל מאוחר יותר

1:14:19

I talk to Ronan Berder, the creator of Basecoat UI, a tailwind-based version of ShadCN for non-React projects. Built specifically for use with server-rendered templates, htmx, vanilla js, alpine, and other hypermedia-based solutions. Basecoat UI: https://basecoatui.com/ Basecoat Repo: https://github.com/hunvreus/basecoat Ronan on X: https://x.com/hunvreus I ask him how he built it, why he built, and what he has in store for it. Chapters (from AI) 00:00 Introduction to Basecoat UI 06:51 The Journey of Building Basecoat UI 11:09 Understanding Theming and Customization 18:57 Complexity in UI Libraries 24:01 Design Principles and Aesthetics 30:06 Future of Basecoat UI and Community Engagement 38:24 Navigating Browser Compatibility Challenges 41:49 The Evolution of Web Technologies 45:25 Performance Optimization in Web Development 51:14 The Aesthetic Appeal of Modern Web Applications 54:29 Generative UI and the Future of Development 01:01:21 Simplifying Complexity in Web Development 01:11:42 Open Source Contributions and Community Engagement…

Artwork

1
Carson Gross: The Grug Brained Developer (the book) 1:29:52

לפני 4 weeks1:29:52

הפעל מאוחר יותר

הפעל מאוחר יותר

1:29:52

https://grugbrain.dev read the essay. buy the book. it's so good 00:00 Intro 01:00 What is the Grug Brained Developer? 06:13 Carson's dev cred 12:12 Web dev is hard! 13:08 The Eternal Enemy: Complexity 17:27 Saying No 19:07 Saying ok 22:28 Factoring Your Code 26:45 Testing 32:56 Agile 35:04 Refactoring 38:42 Chesterton's Fence 41:03 Microservices 45:12 Tools Type Systems 53:58 Expression Complexity 57:07 DRY 1:00:22 Separation of Concerns (SoC) 1:04:28 Closures 1:07:57 Logging 1:08:14 Concurrency 1:09:44 Optimizing 1:11:31 APIs 1:18:17 Parsing 1:19:44 The Visitor Pattern 1:19:55 Front End Development 1:22:55 Fear Of Looking Dumb 1:28:20 The Essay vs. The Book…

Artwork

1
Clean code vs. codin' dirty 19:44

לפני 6 weeks19:44

הפעל מאוחר יותר

הפעל מאוחר יותר

19:44

Codin' Dirty essay: https://htmx.org/essays/codin-dirty/ One of many in the htmx/uncle bob twitter feud: https://x.com/unclebobmartin/status/1917306604267135311

Artwork

1
Does htmx application structure exist? 11:29

לפני 10 weeks11:29

הפעל מאוחר יותר

הפעל מאוחר יותר

11:29

Answer: Yes. But its different, because htmx is not a framework

Artwork

1
Datastar signals 11:36

לפני 11 weeks11:36

הפעל מאוחר יותר

הפעל מאוחר יותר

11:36

Datastar signals let you do front end stuff like alpine & hyperscript Demo: https://hypecp.com/demos/datastar-signals Video: https://youtu.be/csPFLpm8OYI Bad Apple: https://data-star.dev/examples/bad_apple

Artwork

1
hx-pod behind the scenes (cross-posted from the CST podcast) 1:19:29

לפני 12 weeks1:19:29

הפעל מאוחר יותר

הפעל מאוחר יותר

1:19:29

Is Laz doing too many things at once?

Artwork

1
World's easiest live dashboard with htmx 7:03

לפני 13 weeks7:03

הפעל מאוחר יותר

הפעל מאוחר יותר

7:03

This might be the fastest, easiest way possible to make your dashboard live! Basically just do polling with an hx-get, hx-select, and an hx-trigger The visual version of this episode: https://www.youtube.com/watch?v=NU3FEHJRMEs

Artwork

1
A unified theory of hypermedia 11:50

לפני 14 weeks11:50

הפעל מאוחר יותר

הפעל מאוחר יותר

11:50

Any Back-end. How html is generated doesn’t matter HATEOAS - No virtual DOM No build step, No Node or npm Don’t care about package size - as long as no dependency chain Load things as you need them (page and assets) Nothing is faster or more efficient than html

Artwork

1
Going Live 5:10

לפני 16 weeks5:10

הפעל מאוחר יותר

הפעל מאוחר יותר

5:10

yes my first one was a technical debacle, and that's ok

Artwork

1
Getting inspired by efficiency 16:43

לפני 17 weeks16:43

הפעל מאוחר יותר

הפעל מאוחר יותר

16:43

Universal Studios in Orlando is a master class in efficiency.

Artwork

1
Brock Benson - From vuejs to htmx: the good, the bad, and the ugly 2:03:56

לפני 18 weeks2:03:56

הפעל מאוחר יותר

הפעל מאוחר יותר

2:03:56

Mayples on Twitter: https://x.com/mayples_co In this episode I talk to Brock Benson, creator of Mayples, a business valuation SaaS. Last year, Brock made the decision to rewrite his large-scale, Live VueJS production app into an htmx app. During this rebuild, Brock went on a journey into the internals of htmx, built his own extensions, embraced _hyperscript, and pushed against the limits of htmx. Does it scale? What were the pain points? What tricks did he come up? How does it compare with his earlier Vue version of the same app? I hope you enjoy this in-depth conversation with premiere htmx application developer Brock Benson.…

Artwork

1
Introducing Fixi, the minimalist hypermedia library by Jason Cross 55:54

לפני 19 weeks55:54

הפעל מאוחר יותר

הפעל מאוחר יותר

55:54

Fixi: https://github.com/bigskysoftware/fixi Fixi is a new hyper-minimalist javascript library. At less than 4kb, it gives much of the power of similar hypermedia libraries like htmx, with a new stream-lined approach. Use attributes like fx-action, fx-method, fx-trigger, and fx-swap to perform ajax requests to work with html from your server. In this episode Lazarus talks to its creator, Jason Cross. Chapters (from AI) 00:00 Introduction to Hypermedia Frameworks 02:49 Exploring HTMX and HTMZ 05:58 The Philosophy Behind Fixi 09:03 The Lean Software Approach 11:59 Minimalism in Fixi 15:06 Attributes and Functionality of Fixi 17:55 Comparing Fixi and HTMX 21:03 Copy and Paste Philosophy in Development 23:51 Debugging and Size Considerations 26:57 Future of Fixi 29:45 The Philosophy of Open Source and Simplicity 31:33 View Transitions and User Experience 36:32 Design Decisions in Fixi vs HTMX 38:27 Collaboration and Maintenance of Open Source Projects 41:11 Attribute Inheritance and Locality of Behavior 42:07 Event Handling and Extensions in Fixi 46:32 JavaScript and the Future of Web Development…

Artwork

1
The core difference between htmx and datastar (correction) 7:52

לפני 20 weeks7:52

הפעל מאוחר יותר

הפעל מאוחר יותר

7:52

Datastar experiment: https://hypecp.com/wave Youtube: https://www.youtube.com/watch?v=UXPD3LblwVA

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.

תקשיבו ל-500+ נושאים

מדריך עזר מהיר

פודקאסטים מובילים

מכביבול ברדיו תל אביב

הזווית - פודקאסט

בכל יום נתון - אוריאל דסקל וראם שרמן

עושים חשבון Osim Heshbon

טייכר וזרחוביץ' ברדיו תל אביב

טייכר וזרחוביץ' - מערכונים

גיבור תרבות Culture Hero

סרטים זה אנחנו - מגזין קולנוע

עושים תוכנה Osim Tochna

השבוע - פודקאסט הארץ

המשחק הגדול

חושבים טוב

המעבדה The Lab

מדע בגובה האוזניים

סליחה על השאלה - ההסכת You Can't Ask That Podcast

סיפור ישראלי

עבר פלילי

Lets Talk Murder | בואי נדבר רצח

Lets Talk Murder | בואי נדבר רצח

האזן לתוכנית הזו בזמן שאתה חוקר