X Bookmarks — 2023 KW44: React project structure and live collaborative comments

November 2, 2023

|bookmarks

by Florian Narr

X Bookmarks — 2023 KW44: React project structure and live collaborative comments

@_georgemoller — React project structure patterns after 8 years

⚛️ React Project Structure Tip:

I've tried lots of different patterns in the past 8+ years I've been using React, and each time I've found a new/better iteration.

Things I've optimized for: ✅ scalability ✅ maintainability ✅ tidiness (e.g. imports) ✅ clarity

This one has 742 bookmarks and earns them — React project structure is one of those things where everyone has an opinion and almost nobody has the discipline to stick to a pattern long enough to actually see where it breaks. Eight years of iteration is worth paying attention to. The breakdown in the thread covers feature-based vs. type-based folder splits, import aliasing, and when to colocate vs. hoist — exactly the decisions that bite you six months into a codebase.

@steventey — Liveblocks Comments for collaborative SaaS

The new @liveblocks Comments feature is a gamechanger for building collaborative SaaS.

You can now easily add a "live comments" feature to your: ◆ Text editor ◆ Podcast editor ◆ Video editor ◆ Whiteboard app ◆ Website

→ https://liveblocks.io/comments

Honestly, building comment threads in real-time collaborative apps is one of those features that looks simple and then eats three sprints. Liveblocks pulling it into a drop-in API is interesting — if the threading model is flexible enough to attach to arbitrary content (not just text blocks), this could actually save real time. I'd want to see how it handles conflict resolution when two users comment on the same selection simultaneously before getting too excited.