Merge branch 'release/0.0.5-1'

HISTORY.md

@@ -2,6 +2,7 @@
 ==================
 
   * [Lesson 5 - Active Links](https://github.com/reactjs/react-router-tutorial/tree/master/lessons/05-active-links) done
+  * Add `NavLink` component
 
 0.0.4 / 2016/05/17
 ==================

app/components/app.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Link } from 'react-router';
+import NavLink from './nav_link'
 
 class App extends React.Component {
 
@@ -12,8 +12,8 @@ class App extends React.Component {
       <div>
         <h1>React Router Tutorial</h1>
         <ul role="nav">
-          <li><Link to="/about" activeClassName="active">About</Link></li>
-          <li><Link to="/repos" activeClassName="active">Repos</Link></li>
+          <li><NavLink to="/about">About</NavLink></li>
+          <li><NavLink to="/repos">Repos</NavLink></li>
         </ul>
         { this.props.children }
       </div>

app/components/nav_link.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Link } from 'react-router';
+
+class NavLink extends React.Component {
+
+  render() {
+    return (<Link {...this.props} activeClassName="active" />);
+  }
+
+}
+
+export default NavLink;