Hooks and components for consuming remirror with your fave framework React.
36
Pending
Does it follow best practices?
Impact
36%
1.09xAverage score across 10 eval scenarios
Pending
The risk profile of this skill
{
"context": "Evaluates whether the solution wires up @remirror/react's initialization hook and provider components to deliver the editor behaviors in the spec. Checks correct use of useRemirror for manager creation plus Remirror and EditorComponent for rendering and change propagation. Focuses solely on package-level wiring, not general React code quality.",
"type": "weighted_checklist",
"checklist": [
{
"name": "useRemirror setup",
"description": "Initializes the editor manager with useRemirror (or createReactManager) using initialHtml via stringHandler/initialContent and forwards editable/autoFocus defaults from props instead of custom state.",
"max_score": 20
},
{
"name": "Remirror provider",
"description": "Wraps the editor surface in the Remirror provider component with the manager, passing className/rootProps as needed rather than custom context wiring.",
"max_score": 20
},
{
"name": "EditorComponent usage",
"description": "Renders the editable area with EditorComponent (or equivalent package content component) instead of a hand-made contentEditable, and applies placeholder behavior through package options.",
"max_score": 20
},
{
"name": "Change handlers",
"description": "Uses Remirror-provided change handling (useRemirror onChange or Remirror handlers) to call onHtmlChange with helpers/stringHandler output and onJsonChange with helpers.getJSON/state JSON rather than manual DOM extraction.",
"max_score": 20
},
{
"name": "Editable + focus flags",
"description": "Controls read-only and focus behavior through Remirror/useRemirror props (editable, autoFocus, rootProps) rather than manipulating DOM attributes directly.",
"max_score": 20
}
]
}docs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10