diff --git a/package.json b/package.json
index 5e53db4315..292e19e306 100644
--- a/package.json
+++ b/package.json
@@ -26,8 +26,8 @@
"express": "^4.13.3",
"js-yaml": "^3.13.1",
"less": "^2.7.1",
- "react": "15.3.1",
- "react-dom": "15.3.1",
+ "react": "16.12.0",
+ "react-dom": "16.12.0",
"sane": "^1.2.0",
"webpack": "^1.12.1"
},
@@ -36,6 +36,7 @@
"codemirror-graphql": "^0.5.7",
"graphql": "^0.7.0",
"graphql-tools": "^0.6.6",
- "marked": "^0.3.5"
+ "marked": "^0.3.5",
+ "react-dom-factories": "^1.0.2"
}
}
diff --git a/site/_core/BlogSidebar.js b/site/_core/BlogSidebar.js
index 53f96d09f8..e96809a8a8 100644
--- a/site/_core/BlogSidebar.js
+++ b/site/_core/BlogSidebar.js
@@ -9,23 +9,32 @@
var path = require('path');
var React = require('react');
-module.exports = ({ site, page }) =>
+module.exports = ({ site, page }) => (
Recent Posts
{site.files.blog
- .filter(file => !file.draft && path.extname(file.relPath) === '.md')
+ .filter(file => !file.draft && path.extname(file.relPath) === ".md")
.sort((a, b) => a.date < b.date)
- .map(post =>
+ .map((post, i) => (
-
- {post === page ? post.title : {post.title}}
+ {post === page ? (
+ post.title
+ ) : (
+
+ {post.title}
+
+ )}
- )}
+ ))}
+);
diff --git a/site/_core/DocsSidebar.js b/site/_core/DocsSidebar.js
index 6acff72ce6..df72f2442f 100644
--- a/site/_core/DocsSidebar.js
+++ b/site/_core/DocsSidebar.js
@@ -11,11 +11,12 @@ import { toSlug } from './Header';
export default ({ site, page, firstURL }) =>
- {getCategories(site, page.dir, firstURL).map(category =>
+ {getCategories(site, page.dir, firstURL).map((category, i) =>
)}
diff --git a/site/_core/HeaderLinks.js b/site/_core/HeaderLinks.js
index 2b2e16c5fe..6df35e5891 100644
--- a/site/_core/HeaderLinks.js
+++ b/site/_core/HeaderLinks.js
@@ -20,13 +20,14 @@ const links = [
export default ({ section }) =>