Úvod
Podcasty
Zpravodajství
Syntax - Tasty Web Development Treats
936: Realtime LED Wall With React + Websoc...

Syntax - Tasty Web Development Treats
Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
Zpravodajství
,
Technologické zprávy
,
Technika
936: Realtime LED Wall With React + Websockets (I Let Strangers Control It)

Syntax - Tasty Web Development Treats
Poslechněte si podcast
Dnes
47 min
Scott, Wes, and CJ dive into Wes’s Hackweek project: a real-time, web-controlled LED grid. They break down the hardware build, custom 3D-printed diffuser, ESP32 microcontroller, and Cloudflare durable objects powering live pixel art, GitHub activity displays, and interactive web drawings.
Show Notes
00:00 Welcome to Syntax!
02:03 Wes’ Hackweek project: a web-controlled LED grid
03:52 The hardware: LED panels, soldering, and power
WS2812 LED panels
06:38 ESP32 microcontroller and WLED firmware explained
ESP32 Microcontroller
10:57 Power supply challenges and injection fixes
15:05 Debugging and testing a DIY LED matrix
15:56 Shorts, blown circuits, and melted wires
17:58 Designing and 3D-printing the diffuser for crisp pixels
21:29 The software: Cloudflare Durable Objects + Party Server
Cloudflare Durable Objects
Party.server
22:18 Real-time sync and state management across clients
Party Client
28:43 Connecting the server to the LED hardware
41:51 Open access fun: scripts, NSFW images, and moderation
Cloudflare tunnel
44:10 Live demos
45:34 Future plans: stats, rooms, and making it always-on
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads
Popis podcastu
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.