Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update homepage for new JSX/JS editor

Browse Source
This commit is contained in:
Ben Alpert
2014-02-02 03:44:58 +01:00
committed by Vjeux
parent 6b1c6be974
commit 761e1c8080
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/index.md
+7 -4
View File
@@ -39,8 +39,12 @@ id: home
React components implement a `render()` method that takes input data and React components implement a `render()` method that takes input data and
returns what to display. This example uses an XML-like syntax called returns what to display. This example uses an XML-like syntax called
JSX. Input data that is passed into the component can be accessed by JSX. Input data that is passed into the component can be accessed by
`render()` via `this.props`.<br /> `render()` via `this.props`.
<strong>JSX is optional and not required to use React.</strong> </p>
<p>
<strong>JSX is optional and not required to use React.</strong> Try
clicking on "Compiled JS" to see the raw JavaScript code produced by
the JSX compiler.
</p> </p>
<div id="helloExample"></div> <div id="helloExample"></div>
</div> </div>
@@ -50,8 +54,7 @@ id: home
In addition to taking input data (accessed via `this.props`), a In addition to taking input data (accessed via `this.props`), a
component can maintain internal state data (accessed via `this.state`). component can maintain internal state data (accessed via `this.state`).
When a component's state data changes, the rendered markup will be When a component's state data changes, the rendered markup will be
updated by re-invoking `render()`.<br /> updated by re-invoking `render()`.
<strong>This example demonstrates use of React without JSX.</strong>
</p> </p>
<div id="timerExample"></div> <div id="timerExample"></div>
</div> </div>