{"library":"react-syntax-highlighter","type":"library","category":null,"description":"React Syntax Highlighter is a component designed for rendering syntax-highlighted code blocks within React applications. It leverages the robust `lowlight` and `refractor` libraries (which in turn use PrismJS or Highlight.js ASTs) to generate a virtual DOM structure, allowing for efficient updates without `dangerouslySetInnerHTML`. The current stable version is 16.1.1. Releases occur as needed, with a mix of patch fixes and occasional major version updates (e.g., v16.0.0). Key differentiators include its use of a syntax tree for DOM manipulation (leading to more idiomatic React usage and better performance for dynamic updates), and its support for JavaScript-based inline styling for all Highlight.js and PrismJS themes, while also providing an option for traditional CSS class-based styling.","language":"javascript","status":"active","version":"16.1.1","tags":["javascript","react","syntax","lowlight","highlighting","ast"],"install":[{"cmd":"npm install react-syntax-highlighter","imports":["import { SyntaxHighlighter } from 'react-syntax-highlighter';","import { atomDark } from 'react-syntax-highlighter/dist/esm/styles/hljs';","import { dracula } from 'react-syntax-highlighter/dist/esm/styles/prism';"]},{"cmd":"yarn add react-syntax-highlighter","imports":[]},{"cmd":"pnpm add react-syntax-highlighter","imports":[]}],"homepage":null,"github":"https://github.com/react-syntax-highlighter/react-syntax-highlighter","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/react-syntax-highlighter","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/react-syntax-highlighter/compatibility"},"provenance":{"verified_status":null,"verified_at":null,"last_verified":"Wed Jun 17","next_check":"Sat Jul 18","install_tag":null}}