react-tools / 0.13.3 last updated 3 months ago created on May 29th 2013

Install

npm install --save react-tools

Clone

git clone git@github.com:facebook/react.git

dependencies show all 32

main commoner 0.10.4 MIT
jstransform 10.1.0 BSD 3-Clause

maintainers

zpao
jeffmo
spicyj

versions 36 total

0.14.0-alpha3 9 months ago spicyj
0.14.0-alpha2 10 months ago zpao
0.14.0-alpha1 10 months ago zpao
0.13.3 10 months ago zpao
0.13.2 a year ago zpao
0.13.1 a year ago zpao
0.13.0 a year ago zpao
0.13.0-rc2 a year ago zpao
0.13.0-rc1 a year ago zpao
0.13.0-beta.2 a year ago zpao
0.13.0-beta.1 a year ago zpao
0.13.0-alpha.2 a year ago zpao
0.13.0-alpha.1 a year ago zpao
0.12.2 a year ago zpao
0.12.1 a year ago jeffmo
0.12.0 a year ago zpao
0.12.0-rc1 a year ago zpao
0.11.2 a year ago zpao
0.11.1 2 years ago zpao
0.11.0 2 years ago zpao
0.11.0-rc1 2 years ago zpao
0.10.0 2 years ago zpao
0.10.0-rc1 2 years ago zpao
0.9.0 2 years ago zpao
0.9.0-rc1 2 years ago zpao
0.8.0 2 years ago zpao
0.5.2 2 years ago zpao
0.5.1 2 years ago zpao
0.5.0 2 years ago zpao
0.4.2 2 years ago zpao
0.4.1 3 years ago zpao
0.4.0 3 years ago zpao
0.3.3 3 years ago zpao
0.3.2 3 years ago zpao
0.3.1 3 years ago zpao
0.3.0 3 years ago zpao
11896 Downloads yesterday.

readme

react-tools

This package compliments the usage of React. It ships with tools that are often used in conjunction.

JSX

This package installs a jsx executable that can be used to transform JSX into vanilla JS. This is often used as part of a build step. This transform is also exposed as an API.

By default JSX files with a .js extension are transformed. Use the -x option to transform files with a .jsx extension.

Usage

Command Line

Usage: jsx [options] <source directory> <output directory> [<module ID> [<module ID> ...]]

Options:

  -h, --help                               output usage information
  -V, --version                            output the version number
  -c, --config [file]                      JSON configuration file (no file or - means STDIN)
  -w, --watch                              Continually rebuild
  -x, --extension <js | coffee | ...>      File extension to assume when resolving module identifiers (default: js)
  --relativize                             Rewrite all module identifiers to be relative
  --follow-requires                        Scan modules for required dependencies
  --cache-dir <directory>                  Alternate directory to use for disk cache
  --no-cache-dir                           Disable the disk cache
  --source-charset <utf8 | win1252 | ...>  Charset of source (default: utf8)
  --output-charset <utf8 | win1252 | ...>  Charset of output (default: utf8)
  --harmony                                Turns on JS transformations such as ES6 Classes etc.
  --source-map-inline                      Embed inline sourcemap in transformed source
  --strip-types                            Strips out type annotations
  --es6module                              Parses the file as a valid ES6 module
  --non-strict-es6module                   Parses the file as an ES6 module, except disables implicit strict-mode (i.e. CommonJS modules et al are allowed)
  --target <version>                       Target version of ECMAScript. Valid values are "es3" and "es5". Use "es3" for legacy browsers like IE8.

API

transform(inputString, options)

option values default
sourceMap true: append inline source map at the end of the transformed source false
harmony true: enable ES6 features false
sourceFilename the output filename for the source map "source.js"
stripTypes true: strips out type annotations false
es6module true: parses the file as an ES6 module false
nonStrictEs6module true: parses the file as an ES6 module, except disables implicit strict-mode (i.e. CommonJS modules et al are allowed) false
target "es3": ECMAScript 3
"es5": ECMAScript 5
"es5"
1
2
3
var reactTools = require('react-tools');

reactTools.transform(string, options);

transformWithDetails(inputString, options)

Just like transform, but outputs an object:

1
2
3
4
{
  code: outputString,
  sourceMap: theSourceMap // Only if the `sourceMap` option is `true`.
}
Resolving all dependencies.. This could take a while as our cache is not yet fully warmed up.