bisheng-plugin-react

To convert JSX which is written in Markdown to React.Element.

Usage no npm install needed!

<script type="module">
  import bishengPluginReact from 'https://cdn.skypack.dev/bisheng-plugin-react';
</script>

README

bisheng-plugin-react

npm package NPM downloads Dependency Status

To convert JSX which is written in Markdown to React.Element.

Usage

Install:

npm i --save bisheng-plugin-react

Add 'bisheng-plugin-react to bisheng.config.js's plugins.

module.exports = {
  plugins: ['bisheng-plugin-react?lang=jsx'],
};

In Markdown:

...

This is a button:

```jsx
import { Button } from 'antd';
ReactDOM.render(<Button>Click!</Button>, mountNode);
```
...

The above example will be rendered as:

screenshot

API

lang: String

default: 'react-component'

babelConfig: Object

default: { presets: [ 'react', ['env', { targets: { browsers: ['last 2 versions', 'Firefox ESR', '> 1%', 'ie >= 8', 'iOS >= 8', 'Android >= 4'], }, }], ], plugins: [ 'transform-class-properties', 'transform-object-rest-spread', ], }

noreact: Boolean

default: false

Whether to import React and ReactDOM automatically.

License

MIT