Footnotes

1. NYT 편집기 Oak 팀이 React 와 ProseMirror 를 붙이다 겪은 문제와 해법. React 는 render → commit 2단계, ProseMirror 는 동기로 한 번에 DOM 을 고치고 브라우저 편집을 읽어 들이는 양방향이라, useLayoutEffect 로 view.updateState() 하면 좌표가 낡고 state tearing 이 난다. 결국 EditorView 를 상속해 setProps 를 부수효과 없는 pureSetProps 와 runPendingEffects 로 쪼개고 렌더러를 React 로 다시 썼다 (@handlewithcare/react-prosemirror). ↩

2. Oak 팀 교육 자료. ProseMirror 를 Redux + React 에 대응시킨다 — EditorView = store, transaction = action(대부분 ProseMirror 가 입력에서 만든다), plugin = reducer 확장·subscribe, dispatchTransaction = middleware, node spec 의 toDOM = 컴포넌트(0 이 children 자리). ↩