Syntax - Tasty Web Development Treats

757: Potluck: Is Gatsby Dead? Shadow Dom, AI Summaries, Self Hosting + More

Apr 17, 2024

48:42

Snipd AI

Topics include Light DOM vs. Shadow DOM, data extraction tools, Gatsby in 2024, JavaScript 'wheel' events, self-hosting websites, AI tools for audio transcription, and personal recommendations like hair powder and mini grease gun.

AI Summary

AI Chapters

Episode notes

Podcast summary created with Snipd AI

Quick takeaways

Implementing shadow DOM for isolated UI elements enhances reusability, while utilizing light DOM is suitable for internal UI elements.

Extract data from markup using DOM APIs like link.DOM for content manipulation and access.

Deep dives

Using Web Components and Shadow DOM for UIs

Implementing web components with shadow DOM can help create isolated UI elements that enhance reusability and maintainability across different applications. The light DOM can be suitable for internal UI elements, while the shadow DOM offers advantages for components intended for broader usage or customization by others.

Introduction

3min

Comparing Light DOM vs. Shadow DOM and Tools for Data Extraction from HTML

5min

The Evolution and Future of Gatsby in 2024

7min

Web Technology Trends and Technical Challenges

23min

Building a tool to extract information from audio files

6min

Personal Recommendations: Hair Powder and Mini Grease Gun

5min

Scott and Wes serve up answers to community questions, from navigating Light DOM vs. Shadow DOM to diving into tools for data extraction. Plus, they dish out insights on Gatsby in 2024, utilizing JavaScript ‘wheel events’, and explore the possibilities of hosting a website at home.

Show Notes

00:00 Welcome to Syntax!
00:51 Brought to you by Sentry.io.
01:17 When should I use Light DOM or Shadow DOM?
03:43 Do you know of any good tools for extracting data/content from Markup/HTML?
LinkeDOM on GitHub
08:29 Wanted to ask you guys your opinion on the state of Gatsby in 2024.
LocalFirst.fm
MeteorJS UI Updates
15:05 Please get the Goodhertz creator on the pod! Would be a great show.
Goodhertz Audio Software
16:34 Effects that involve the JavaScript ‘wheel’ event.
Runway.com
GSAP Animate Anything
CSS Scroll-Driven Animations
23:15 Best tool for rapidly creating UI from the ground up.
Episode 751
Thinkmill.com
27:44 Wes, what’s with your frame rate?
Frame Rate Testing Results on X
32:31 Is there any way to host a whole website setting on my PC at home?
CJ and Self-Host 101
Hetzner.com
Cloudflare Docs Create a Tunnel
36:52 Offline functionality like saving data and syncing data to database?
Episode 739
Local-First Web Development
Syntax Side Dish Explainer Playlist
39:41 Creating a GPT-like tool that can listen to long audio files.
OpenAI Speech to Text
Insanely Fast Whisper
Deepgram
43:51 Sick Picks.