Transforms a JSX string to a JSON tree
Last updated 3 years ago by paul_lecam .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-json-parser 
SYNC missed versions from official npm registry.


Transforms a JSX string to a JSON tree


npm install react-json-parser

CLI Usage

react-json-parser [options]


-h, --help                     output usage information
-V, --version                  output the version number
-f, --file <file>              JSX file to read, defaults to stdin if not set
-o, --output <output>          JSON destination file, defaults to stdout if not set
-p, --pretty                   pretty-print JSON
-a, --accept [component type]  only accepts the specified component type, can be used multiple times
--no-plain-text                do not allow plain-text children    

When the file option is not provided, the JSX string is read from stdin, example:

echo '<MyComponent test />' | react-json-parser --pretty

API usage

parse(code, options)

Parses the provided code string using the supported options:

  • only: Array<string>: only accepts the provided components types, by default accepts any
  • plainText: boolean: allow plain-text children, defaults to true
const { parse } = require('react-json-parser')
const tree = parse(
  '<MyComponent test>Hello <ChildComponent /><OtherChild></MyComponent>',
    only: ['MyComponent', 'ChildComponent'],
    plainText: false,
// tree = {type: 'MyComponent', props: {children: [{type: 'ChildComponent'}], test: true}}



Current Tags

  • 0.2.1                                ...           latest (3 years ago)

3 Versions

  • 0.2.1                                ...           3 years ago
  • 0.2.0                                ...           3 years ago
  • 0.1.0                                ...           3 years ago
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 1
Dependencies (6)
Dev Dependencies (1)
Dependents (0)

Copyright 2014 - 2016 © |