Router setup

package.json

@@ -16,6 +16,7 @@
     "react": "16.0.0",
     "react-dom": "16.0.0",
     "react-router": "4.2.0",
+    "react-router-dom": "4.2.2",
     "rimraf": "2.6.2",
     "sqlite3": "3.1.13",
     "webpack": "3.7.1"

src/main/frontend/components/Categories.jsx

@@ -1,6 +1,7 @@
 import FetchUtil from '../utils/FetchUtil';
 import List, {ListItem, ListItemText} from 'material-ui/List';
 import React from 'react';
+import {BrowserRouter as Router, Link} from 'react-router-dom';
 
 class Categories extends React.Component {
   clickOnCategory(category) {
@@ -14,9 +15,13 @@ class Categories extends React.Component {
   renderListItems() {
     return this.props.categories.map(category => {
       return (
-        <ListItem button={true} key={category.id} onClick={() => this.clickOnCategory(category)}>
-          <ListItemText primary={category.name} />
-        </ListItem>
+        <Router>
+          <ListItem button={true} key={category.id}>
+            <Link to={`/tutorials/${category.name}`}>
+              <ListItemText primary={category.name} />
+            </Link>
+          </ListItem>
+        </Router>
       );
     });
   }