@jitesoft/babel-preset-react

@jitesoft/babel-preset-react

React preset for Jitesoft javascript projects which uses babel.

Includes the following presets and plugins:

@jitesoft/preset-main
@babel/plugin-transform-react-display-name
@babel/plugin-transform-react-jsx
@babel/plugin-syntax-jsx

@babel/plugin-transform-react-inline-elements *
@babel/plugin-transform-react-constant-elements *
@babel/plugin-transform-react-jsx-compat *

* Packages will only be used if they are added to the include array of the options object.

If babel is in development mode, the following plugins will be enabled:

@babel/plugin-transform-react-jsx-source
@babel/plugin-transform-react-jsx-self

Requires corejs (v 3+) and @babel/core.

Options

Other than the default presets in @jitesoft/babel-preset-main, the following options are available:

• include (array) - Addition for the three plugins marked with * in the above list.
• pragma (string) - Defines which create element method to use. Defaults to React.createElement.
• pragmaFrag (string) - Defines which Fragment component to use. Defaults to React.Fragment.
• useBuiltIns (boolean) - Use built ins instead of polyfill. Uses same value as passed for the main preset.
• useSpread (boolean) - Enables props spread. Defaults to false.
• throwIfNamespace (boolean) - Makes babel throw an error if using xml namespaces. Defaults to true.