MDX Preact

npm@mdx-js/preact

Official Preact context provider for supplying and merging custom components used by compiled MDX content.

Native PreactActive

Quick start GitHub npm Documentation Homepage Compare with preact-markup

Verdict

Native Preact

Built for Preact and does not require a React compatibility layer.

When to use it

Evidence level: documented. Latest npm version checked: 3.1.1. The official docs identify the package as a context-based component provider for Preact and MDX.

Overview

`@mdx-js/preact` is the official MDX context provider for Preact. It supplies and merges the component map used when compiled MDX renders headings, links, code blocks or custom elements.

Quick start

~%npm install @mdx-js/preact

1import { MDXProvider } from '@mdx-js/preact';2import Post from './post.mdx';3 4const components = {5  a: props => <a {...props} rel="external" />,6  em: props => <i {...props} />,7};8 9export function Article() {10  return (11    <MDXProvider components={components}>12      <Post />13    </MDXProvider>14  );15}

MDX Preact

Native Preact

When to use it

Overview

Runtime & deployment

Preact integration

Known limitations

Alternatives

When to use it

Overview

Runtime & deployment

Preact integration

Known limitations

Alternatives

Related projects