Introduction change to explain nesting using JSX.

Author: mik01aj

docs/Introduction.md

@@ -141,7 +141,9 @@ React.render((
 ), document.body)
 ```
 
-React Router knows how to build nested UI for us, so we don't have to manually figure out which `<Child>` component to render. Internally, the router converts your `<Route>` element hierarchy to a [route config](/docs/Glossary.md#routeconfig). But if you're not digging the JSX you can use plain objects instead:
+React Router knows how to build nested UI for us, so we don't have to manually figure out which `<Child>` component to render. For example, for a full path `/about` it would build `<App><About /></App>`.
+
+Internally, the router converts your `<Route>` element hierarchy to a [route config](/docs/Glossary.md#routeconfig). But if you're not digging the JSX you can use plain objects instead:
 
 ```js
 const routes = {
@@ -193,7 +195,15 @@ React.render((
 ), document.body)
 ```
 
-Now visits to URLs like `inbox/messages/Jkei3c32` will match the new route and nest the UI branch of `App -> Inbox -> Message`.
+Now visits to URLs like `inbox/messages/Jkei3c32` will match the new route and build this:
+
+```
+<App>
+  <Inbox>
+    <Message params={ {id: 'Jkei3c32'} } />
+  </Inbox>
+</App>
+```
 
 ### Getting URL Parameters