Credits to TroyAlford/react-jsx-parser for parts of the code and thanks to Qard/astring-jsx for inspiration
- Why use this plugin instead of astring-jsx or other options ?
This plugins generates React.createElement that are compatible with React-Native.
npm install astring-react-create-element
# or yarn
yarn add astring-react-create-element
Example with astring default generator:
import astringReactCreateElement from 'astring-react-create-element';
import * as astring from 'astring';
const formattedCode = astring.generate(ast, {
generator: astringReactCreateElement(astring.GENERATOR),
});Example with custom generator:
import astringReactCreateElement from 'astring-react-create-element';
import * as astring from 'astring';
const customGenerator = Object.assign({}, astringReactCreateElement(astring.GENERATOR), {
JSXFragment: (node, state) => {
customGenerator['JSXElement'](node, state);
},
});
const formattedCode = astring.generate(ast, {
generator: customGenerator,
});