Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

936: Realtime LED Wall With React + Websockets (I Let Strangers Control It)

Syntax - Tasty Web Development Treats

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.

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

Aplikace Youradio Talk

936: Realtime LED Wall With React + Websockets (I Let Strangers Control It)

Poslechněte si podcast