Editing the World with React and Zettel
summary
A tiny TypeScript editor library named Zettel claims to replace tree hacks with a flat change object (modeled on VS Code text edits) so edits become simple slice operations; it wires into React via a small view layer, emits atomic playable serializable changes, and demos include a no‑code website‑builder style editor with undo working live. Prototype has zero dependencies, single maintainer, not production ready yet; array performance looks acceptable and chunked arrays are explored.
AI-written summary · about
chapters (10)
- 0:00Start
- 12:30Wordpress
- 19:24Why a Building Editors Is Hard
- 20:27Life Cycle of of an Editor
- 23:14Change Object
- 27:27Disclaimer
- 35:41Build an Editor
- 40:32Style Component
- 50:59Entity Map
- 53:49What You Advise To Choose as a Text Editor for some Production Projects
related talks
41mCreating collaborative editing UIs in React
21mIntroducing React View: A Set of Tools that Closes the Gap between Users, Developers
41mReact inline visual editing: now's the time.
25mRich Text Editing with React
50mRich text editing with Draft.js
45mCreating a WYSIWYG editor using ReactJS
28mReact Inline Visual Editing Now’s The Time
29mEvolving the Visual Programming Environment with React