Browse Source

[docs] Remove mentions of react-tools/jsx command

main
Paul O’Shannessy 9 years ago
parent
commit
6d0dba5458
  1. 2
      docs/02-displaying-data.md
  2. 4
      docs/06-transferring-props.md
  3. 8
      docs/getting-started.md

2
docs/02-displaying-data.md

@ -96,7 +96,7 @@ JSX is very small. To learn more about it, see [JSX in depth](/react/docs/jsx-in
JSX is similar to HTML, but not exactly the same. See [JSX gotchas](/react/docs/jsx-gotchas.html) for some key differences. JSX is similar to HTML, but not exactly the same. See [JSX gotchas](/react/docs/jsx-gotchas.html) for some key differences.
The easiest way to get started with JSX is to use the in-browser `JSXTransformer`. We strongly recommend that you don't use this in production. You can precompile your code using our command-line [react-tools](https://www.npmjs.com/package/react-tools) package. [Babel exposes a number of ways to get started using JSX](http://babeljs.io/docs/setup/), ranging from command line tools to Ruby on Rails integrations. Choose the tool that works best for you.
## React without JSX ## React without JSX

4
docs/06-transferring-props.md

@ -51,7 +51,7 @@ But what about the `name` prop? Or the `title` prop? Or `onMouseOver`?
> NOTE: > NOTE:
> >
> In the example below, the `--harmony ` flag is required as this syntax is an experimental ES7 syntax. If using the in-browser JSX transformer, simply open your script with `<script type="text/jsx;harmony=true">`. See the [Rest and Spread Properties ...](/react/docs/transferring-props.html#rest-and-spread-properties-...) section below for more details. > The `...` syntax is part of the Object Rest Spread proposal. This proposal is on track to become a standard. See the [Rest and Spread Properties ...](/react/docs/transferring-props.html#rest-and-spread-properties-...) section below for more details.
Sometimes it's fragile and tedious to pass every property along. In that case you can use [destructuring assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) with rest properties to extract a set of unknown properties. Sometimes it's fragile and tedious to pass every property along. In that case you can use [destructuring assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) with rest properties to extract a set of unknown properties.
@ -143,7 +143,7 @@ z; // { a: 3, b: 4 }
> Note: > Note:
> >
> Use the [JSX command-line tool](https://www.npmjs.com/package/react-tools) with the `--harmony` flag to activate the experimental ES7 syntax. > This proposal has reached stage 2 and is now enabled by default in Babel. Older versions of Babel may need to explicitly enable this transform with `babel --optional es7.objectRestSpread`
## Transferring with Underscore ## Transferring with Underscore

8
docs/getting-started.md

@ -68,20 +68,20 @@ Note that some browsers (Chrome, e.g.) will fail to load the file unless it's se
### Offline Transform ### Offline Transform
First install the command-line tools (requires [npm](https://www.npmjs.com/)): First install the [Babel](http://babeljs.io/) command-line tools (requires [npm](https://www.npmjs.com/)):
``` ```
npm install -g react-tools npm install --global babel
``` ```
Then, translate your `src/helloworld.js` file to plain JavaScript: Then, translate your `src/helloworld.js` file to plain JavaScript:
``` ```
jsx --watch src/ build/ babel src --watch --out-dir build
``` ```
The file `build/helloworld.js` is autogenerated whenever you make a change. The file `build/helloworld.js` is autogenerated whenever you make a change. Read the [Babel CLI documentation](http://babeljs.io/docs/usage/cli/) for more advanced usage.
```javascript{2} ```javascript{2}
React.render( React.render(

Loading…
Cancel
Save