Hooks and components for consuming remirror with your fave framework React.
Overall
score
36%
Evaluation — 36%
↑ 1.09xAgent success when using this tile
{
"context": "Evaluates whether the solution uses @remirror/react to build a controlled editor that emits both HTML and JSON updates while respecting localization and theming inputs. Checks focus on correct wiring of change handlers, provider usage, and synced outputs.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Remirror setup",
"description": "Initializes the editor with @remirror/react (e.g., useRemirror or createReactManager) and renders a single <Remirror> instance seeded from the provided initialHtml/initialJson props.",
"max_score": 15
},
{
"name": "HTML handler",
"description": "Uses the package's OnChangeHTML component inside Remirror to forward HTML updates directly to the onHtmlChange callback without custom parsing.",
"max_score": 20
},
{
"name": "JSON handler",
"description": "Uses OnChangeJSON within the same Remirror instance to emit structured document changes to onJsonChange, ensuring the JSON reflects the current editor state.",
"max_score": 20
},
{
"name": "Synced outputs",
"description": "Configures OnChangeHTML and OnChangeJSON to observe the same editor state (one manager/view) so both callbacks fire for a single edit without desynchronization or duplicate editors.",
"max_score": 15
},
{
"name": "I18n provider",
"description": "Wraps the editor with I18nProvider from @remirror/react (or uses useI18n) passing the locale and messages map, and shows translated UI text reacting to locale changes.",
"max_score": 15
},
{
"name": "Theme provider",
"description": "Applies ThemeProvider from @remirror/react around the editor, feeding the theme prop so toolbar/container styling comes from the package theming context instead of ad-hoc CSS.",
"max_score": 15
}
]
}docs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10