Building Collaborative Rich Text Editors with Loro CRDT and React
Learn how to build a real-time collaborative text editor like Google Docs. Integrate editor states (Slate/Lexical) with Loro CRDT log engines for high-performance syncing.
35 articles tagged with React
Learn how to build a real-time collaborative text editor like Google Docs. Integrate editor states (Slate/Lexical) with Loro CRDT log engines for high-performance syncing.
Learn how to generate vector embeddings entirely in the browser using ONNX runtimes and Transformers.js. Build private, offline semantic search applications.
Learn how to build responsive, state-driven React interfaces. Bind Loro CRDT mutation streams to component render cycles.
Learn how to prompt Claude to output production-grade React components in a single turn. Master layout structuring, visual hierarchy, and styling boundaries.
Text generation is only the first step. Learn how to stream interactive, fully styled React components directly from LLM completions using Vercel AI SDK streamUI.
Should you compile your application logic to run inside client runtimes (Wasm) or stream rendering from edge servers (RSC)? Learn the performance trade-offs of both options.
React 19 is rewriting how we handle forms. Discover how Server Actions, useActionState, useFormStatus, and useOptimistic eliminate complex loading and error states.
Partial Prerendering (PPR) solves the SSR vs SSG dilemma. Learn how to implement Next.js 16 PPR for dynamic e-commerce and dashboard applications without sacrificing layout shifts.
Mastering state management in Next.js 15 App Router. Learn how to architect Server Components, Client Components, React Context, and Zustand for highly scalable applications.
How to architect a React frontend that orchestrates multiple concurrent AI agents without chaos — covering LangGraph state machines, useAgentStream hooks, Zustand conflict resolution, and speculative UI patterns.
Explore a detailed migration case study: replacing a complex React Single Page Application (SPA) with a lightweight, high-performance Go and HTMX server-rendered stack.
Explore the architecture of modern web-based desktops: building highly fluid, draggable, and resizable window managers using Framer Motion and React.