Product
Socket Now Supports uv.lock Files
Socket now supports uv.lock files to ensure consistent, secure dependency resolution for Python projects and enhance supply chain security.
babel-plugin-transform-react-jsx
Advanced tools
The babel-plugin-transform-react-jsx package is a Babel plugin that transforms JSX syntax into JavaScript. This allows developers to write HTML-like syntax in their JavaScript code, which is then converted to React.createElement calls.
Transform JSX to React.createElement
This feature allows you to write JSX syntax, which is more readable and expressive, and have it automatically transformed into React.createElement calls, which is what React uses under the hood.
const element = <h1>Hello, world!</h1>;
// Transforms to:
const element = React.createElement('h1', null, 'Hello, world!');
Custom JSX Pragma
This feature allows you to specify a custom function to be used instead of React.createElement. This can be useful if you are using a different library that uses JSX syntax.
/* @jsx customCreateElement */
const element = <h1>Hello, world!</h1>;
// Transforms to:
const element = customCreateElement('h1', null, 'Hello, world!');
Automatic Fragment Support
This feature allows you to use the shorthand syntax for React fragments, which are used to group multiple elements without adding extra nodes to the DOM.
const element = <><h1>Hello, world!</h1><p>This is a paragraph.</p></>;
// Transforms to:
const element = React.createElement(React.Fragment, null, React.createElement('h1', null, 'Hello, world!'), React.createElement('p', null, 'This is a paragraph.'));
babel-plugin-jsx is a Babel plugin that also transforms JSX syntax into JavaScript. It is similar to babel-plugin-transform-react-jsx but offers more flexibility in terms of customization and supports multiple JSX libraries.
babel-plugin-inferno is a Babel plugin specifically designed for the Inferno library, which is a fast, React-like library for building user interfaces. It transforms JSX syntax into Inferno.createElement calls.
Turn JSX into React function calls
$ npm install babel-plugin-transform-react-jsx
.babelrc
(Recommended).babelrc
{
"plugins": ["transform-react-jsx"]
}
$ babel --plugins transform-react-jsx script.js
require("babel-core").transform("code", {
plugins: ["transform-react-jsx"]
});
FAQs
Turn JSX into React function calls
The npm package babel-plugin-transform-react-jsx receives a total of 291,146 weekly downloads. As such, babel-plugin-transform-react-jsx popularity was classified as popular.
We found that babel-plugin-transform-react-jsx demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports uv.lock files to ensure consistent, secure dependency resolution for Python projects and enhance supply chain security.
Research
Security News
Socket researchers have discovered multiple malicious npm packages targeting Solana private keys, abusing Gmail to exfiltrate the data and drain Solana wallets.
Security News
PEP 770 proposes adding SBOM support to Python packages to improve transparency and catch hidden non-Python dependencies that security tools often miss.