# JedWatson/react-codemirror

Codemirror Component for React.js

Repository: https://github.com/JedWatson/react-codemirror
Canonical: https://ross.abutalabs.com/products/jedwatson-react-codemirror
Language: JavaScript
License: MIT
License Family: permissive
Last push: 2020-09-30T18:54:10+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 4122, "days_push": 2163, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1553, forks 257 (observed 2026-08-28T04:05:02.818871+00:00)

## What it is
A React.js component that wraps the CodeMirror code editor, allowing it to be used declaratively in React applications with props for value, options, and change handling. It exposes the underlying CodeMirror instance for imperative access via refs.

## Use cases
- embed a code editor in a react app
- render a code editor component with syntax highlighting
- edit code snippets in a web form
- build a markdown or config file editor in react
- controlled code editor with onChange callback
- customize codemirror options from react props

## When to choose
- you need a CodeMirror-based code editor inside a React application
- you want a simple declarative wrapper around CodeMirror with React lifecycle integration

## When to avoid
- you are using CodeMirror 6, which has its own official @uiw/react-codemirror or @codemirror packages
- you need a plain JavaScript editor without React
- you need actively developed features - the repo's last release was 2020 and it targets older React versions

## Facets
- artifact type: library
- maturity: maintenance
- function: editor, ui-components
- domain: frontend, web-development, text-editors, developer-tools
- platform: browser, cross-platform
- tags: react, codemirror, code-editor, react-component, syntax-highlighting, nodejs

## Member repositories
- JedWatson/react-codemirror (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:02.818871+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:30:08.154841+00:00, confidence not recorded.
  - readme: https://github.com/JedWatson/react-codemirror (fetched 2026-08-28T04:05:02.818871+00:00, sha e7d9eec2ee45)
  - registry_npm: https://registry.npmjs.org/react-codemirror (fetched 2026-08-29T11:30:47.001482+00:00, sha b88871b9efa7)
- Data as of 2026-08-30T08:39:29.467469+00:00.