React Inline Visual Editing Now’s The Time
summary
React Bricks turns design system pieces into visually editable React components that editors manipulate on-page while developers expose specific props via a schema (Text, RichText, Image, Repeater, sidebar controls). The product runs with the site (admin folder hosted with Next.js/Gatsby/Remix), saves structural block arrays, optimizes images on upload, isolates styles with iframes, minimizes front-end editor code, plans Server Components, and already serves 8,000 users including enterprises like The Weather Channel. Next.js support and VS Code snippets shorten brick creation.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:52The evolution of CMS
- 4:36The problem with current CMS
- 11:13React bricks concept
- 15:04Live demo and implementation
- 18:48Technical deep dive
- 23:44Challenges and conclusion
related talks
41mReact inline visual editing: now's the time.
29mReact Bricks: a CMS with Visual Editing for Next.js and Gatsby based on React Components
25mReact Bricks: a CMS with visual editing based on React components
45mCreating a WYSIWYG editor using ReactJS
30mDesigning with React
25mRich Text Editing with React
28mHow to View and React without a Head
21mIntroducing React View: A Set of Tools that Closes the Gap between Users, Developers