put it all together

_includes/nav_docs.html

@@ -1,5 +1,11 @@
-
 <div class="nav-docs">
+  <div class="nav-docs-section">
+    <h3>Quick start</h3>
+    <ul>
+      <li><a href="/react/docs/getting-started"{% if page.id == 'getting-started' %} class="active"{% endif %}>Getting started</a></li>
+      <li><a href="/react/docs/tutorial"{% if page.id == 'tutorial' %} class="active"{% endif %}>Tutorial</a></li>
+    </ul>
+  </div>
   <div class="nav-docs-section">
     <h3>React documentation</h3>
     <ul>
@@ -15,4 +21,4 @@
 
     </ul>
   </div>
-</div>
+</div>

docs/02-displaying-data.md

@@ -80,4 +80,4 @@ JSX is very small; the "hello, world" example above uses every feature of JSX. T
 
 JSX is similar to HTML, but not exactly the same. See [JSX gotchas](./02.2-jsx-gotchas.html) for some key differences.
 
-The easiest way to get started with JSX is to use the in-browser `JSXTransformer`, but in production you'll want to precompile your code using our command-line [react-tools](http://npmjs.org/package/react-tools) package.
+The easiest way to get started with JSX is to use the in-browser `JSXTransformer`, but in production you'll want to precompile your code using our command-line [react-tools](http://npmjs.org/package/react-tools) package.

docs/getting-started.md

@@ -1,5 +1,5 @@
 ---
-id: docs-getting-started
+id: getting-started
 title: Getting Started
 layout: docs
 next: tutorial.html