From 698f565c28e963c990af440b07c136f74f6c933f Mon Sep 17 00:00:00 2001
From: Ben Alpert <spicyjalapeno@gmail.com>
Date: Fri, 17 Jan 2014 16:46:50 -0800
Subject: [PATCH] Update homepage for new JSX/JS editor

---
 index.md | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/index.md b/index.md
index 2ccbb676..8f054324 100644
--- a/index.md
+++ b/index.md
@@ -39,8 +39,12 @@ id: home
         React components implement a `render()` method that takes input data and
         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
-        `render()` via `this.props`.<br />
-        <strong>JSX is optional and not required to use React.</strong>
+        `render()` via `this.props`.
+      </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>
       <div id="helloExample"></div>
     </div>
@@ -50,8 +54,7 @@ id: home
         In addition to taking input data (accessed via `this.props`), a
         component can maintain internal state data (accessed via `this.state`).
         When a component's state data changes, the rendered markup will be
-        updated by re-invoking `render()`.<br />
-        <strong>This example demonstrates use of React without JSX.</strong>
+        updated by re-invoking `render()`.
       </p>
       <div id="timerExample"></div>
     </div>