Socket
Socket
Sign inDemoInstall

@babel/plugin-syntax-jsx

Package Overview
Dependencies
54
Maintainers
4
Versions
64
Alerts
File Explorer

Advanced tools

Install Socket

Protect your apps from supply chain attacks

Install

@babel/plugin-syntax-jsx

Allow parsing of jsx

    7.23.3latest
    GitHub
    npm

Version published
Maintainers
4
Weekly downloads
30,057,748
increased by6.02%

Weekly downloads

Package description

What is @babel/plugin-syntax-jsx?

The @babel/plugin-syntax-jsx npm package allows Babel to parse JSX syntax. JSX is a syntax extension for JavaScript, commonly used with React to describe what the UI should look like. By enabling this plugin, Babel can understand and process JSX syntax, but it does not transform it. To transform JSX, you would need to use another plugin like @babel/plugin-transform-react-jsx.

What are @babel/plugin-syntax-jsx's main functionalities?

JSX Parsing

This plugin allows Babel to parse JSX syntax like the one in the code sample, which represents a React element.

const element = <div>Hello, world!</div>;

Other packages similar to @babel/plugin-syntax-jsx

Changelog

Source

v7.23.3 (2023-11-09)

:bug: Bug Fix
  • babel-plugin-transform-typescript
    • #16071 Strip type-only TS namespaces (@colinaaa)
  • babel-generator
  • babel-compat-data, babel-plugin-bugfix-v8-static-class-fields-redefine-readonly, babel-preset-env
  • babel-plugin-transform-object-super
  • babel-helper-module-transforms, babel-plugin-transform-modules-amd, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-umd
:memo: Documentation
  • #16044 docs: Update links in @babel/eslint-parser README (@aryehb)
:house: Internal
  • babel-core, babel-preset-env
:running_woman: Performance
:microscope: Output optimization
  • babel-plugin-transform-computed-properties

Readme

Source

@babel/plugin-syntax-jsx

Allow parsing of jsx

See our website @babel/plugin-syntax-jsx for more information.

Install

Using npm:

npm install --save-dev @babel/plugin-syntax-jsx

or using yarn:

yarn add @babel/plugin-syntax-jsx --dev

Keywords

FAQs

Last updated on 09 Nov 2023

Did you know?

Socket installs a GitHub app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc