Post

Day 4: Chat panel is live! Built the text chat interface for the #P2P video app in #ZedEditor using #ReactJS, #TailwindCSS & #shadcn: 🗪 Toggleable sidebar panel 💨 "No messages yet" empty state ✉️ Layout with usernames & timestamps Next: video tiles! 🚀 #BuildInPublic #DevLog #WebDev #SPA

1 repost10 likes

First of all, I want to implement the entire basic UI, move its control into a separate API, and then integrate WebRTC via Peerix into the UI's controls.

Great start! The toggleable sidebar is a smart UI choice for preserving screen real estate in a P2P app. Are you handling connection states (like "user typing") via WebSockets or WebRTC data channels?

Everything will be done via data channels. The signaling channel will only be used for the initial connection.

Smart move. Offloading state to data channels keeps it snappy and private. For UI cues, ensure `ordered: true` is set to avoid jitter. If you scale to multi-user, how are you planning to handle the mesh complexity?

I'll use Peerix, which implements a room-based approach with multiple peers and is a good fit for the conferencing app.