RunKit + npm: tmp-remark-jsx

var React = require('react'); var fs = require('fs'); var unified = require('unified'); var markdown = require('remark-parse'); var jsx = require('tmp-remark-jsx'); class MyComponent extends React.Component { render() { return React.createElement('span', {}, 'Hello ', this.props.name, '!'); } } unified() .use(markdown) .use(jsx, {componentMap: { 'my-component': MyComponent }}) .process('<my-component name="markdown"></my-component>\n This is **amazing**', function (err, file) { if (err) throw err; var jsxElement = file.contents; console.log('jsxElement', jsxElement); });