Need help with acorn-jsx?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

acornjs
502 Stars 70 Forks MIT License 497 Commits 13 Opened issues

Description

Alternative, faster React.js JSX parser

Services available

!
?

Need anything else?

Contributors list

Acorn-JSX

Build Status NPM version

This is plugin for Acorn - a tiny, fast JavaScript parser, written completely in JavaScript.

It was created as an experimental alternative, faster React.js JSX parser. Later, it replaced the official parser and these days is used by many prominent development tools.

Transpiler

Please note that this tool only parses source code to JSX AST, which is useful for various language tools and services. If you want to transpile your code to regular ES5-compliant JavaScript with source map, check out Babel and Buble transpilers which use

acorn-jsx
under the hood.

Usage

Requiring this module provides you with an Acorn plugin that you can use like this:

var acorn = require("acorn");
var jsx = require("acorn-jsx");
acorn.Parser.extend(jsx()).parse("my(, 'code');");

Note that official spec doesn't support mix of XML namespaces and object-style access in tag names (#27) like in

, so it was deprecated in 
[email protected]
. If you still want to opt-in to support of such constructions, you can pass the following option:
acorn.Parser.extend(jsx({ allowNamespacedObjects: true }))

Also, since most apps use pure React transformer, a new option was introduced that allows to prohibit namespaces completely:

acorn.Parser.extend(jsx({ allowNamespaces: false }))

Note that by default

allowNamespaces
is enabled for spec compliancy.

License

This plugin is issued under the MIT license.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.