fix($deps): upgrade react-universal-component, update readme, etc

Author: faceyspacey

README.md

@@ -7,12 +7,6 @@
 
 This demo specializes in SSR and the sort of things like redirecting and authentication you will do on the server.
 
-For the client-only codesandbox you can start tinkering with in one more click, checkout:
-
-**https://codesandbox.io/s/github/faceyspacey/redux-first-router-codesandbox**
-
-And for some tips of what to do in both the sandbox and this repo, check the article about it:
-https://medium.com/faceyspacey/redux-first-router-lookin-sexy-on-code-sandbox-d9d9bea15053
 
 
 ![redux-first-router-demo screenshot](./screenshot.png)
@@ -51,9 +45,9 @@ I comment throughout the code various things you can try. Look out for comments
 
 For example, there are simple values like the `jwToken` you can toggle to get access to the restricted *admin* area. That showcases a key feature: ***authentication filtering.*** 
 
-In general, this Demo is all about SSR. It shows how to use the `onBeforeChange` to properly authenticate user's and routes using *JSON Web Tokens*. And of course data-fetching via `thunks` is central to it all. There's even a real API.
+In general, this Demo is all about SSR. It shows how to use the `onBeforeChange` to properly authenticate user's and routes using *JSON Web Tokens*. And of course data-fetching via `thunks` is central to it all. **There's even a real API.**
 
-Lastly, the [***server/configureStore.js***](./server/configureStore.js) file is the absolute most important file of the demo. It essentially brings your ***routing-aware Redux store*** full circle in a dead simple yet flexible manner. It works in combination with [***src/routesMap.js***](./src/routesMap.js). Study those and your redux routing dreams have come true 😀
+Lastly, the [***server/configureStore.js***](./server/configureStore.js) file is the absolute most important file of the demo. It essentially brings your ***routing-aware Redux store*** full circle by bringing it server-side in a dead simple yet flexible manner. It works in combination with [***src/routesMap.js***](./src/routesMap.js). Study those and your redux routing dreams have come true 😀
 
 > As a bonus, it comes with code-splitting thanks to [react-universal-component](https://github.com/faceyspacey/react-universal-component). This setup makes splitting stupid-easy. In the future, ***routing-aware pre-fetching*** will be added to the mix, so the users never know you're only serving partial parts of your app 🚀
 

package.json

@@ -28,7 +28,7 @@
     "react": "^15.4.2",
     "react-dom": "^15.4.2",
     "react-redux": "^5.0.5",
-    "react-universal-component": "^2.4.0",
+    "react-universal-component": "^2.5.0",
     "redux": "^3.7.0",
     "redux-devtools-extension": "^2.13.2",
     "redux-first-router": "^1.9.15",

src/components/Home.js

@@ -46,15 +46,29 @@ onClick: () => dispatch({
       </span>
     </div>
 
-    <h1 style={{ marginTop: 25 }}>ARTICLES ABOUT REDUX-FIRST ROUTER:</h1>
+    <h1 style={{ marginTop: 25 }}>LINKS ABOUT REDUX-FIRST ROUTER:</h1>
+
+    {'> '}
+    <a
+      className={styles.articleLinks}
+      target='_blank'
+      href='https://medium.com/faceyspacey/server-render-like-a-pro-w-redux-first-router-in-10-steps-b27dd93859de'
+      rel='noopener noreferrer'
+    >
+      Server-Render Like A Pro in 10 Steps /w Redux-First Router 🚀
+    </a>
+
+    <br />
+    <br />
+
     {'> '}
     <a
       className={styles.articleLinks}
       target='_blank'
       href='https://medium.com/faceyspacey/redux-first-router-lookin-sexy-on-code-sandbox-d9d9bea15053'
       rel='noopener noreferrer'
     >
-      THINGS TO SHOULD PAY ATTENTION TO IN THIS DEMO
+      Things To Pay Attention To In This Demo
     </a>
 
     <br />
@@ -67,7 +81,7 @@ onClick: () => dispatch({
       href='https://medium.com/faceyspacey/pre-release-redux-first-router-a-step-beyond-redux-little-router-cd2716576aea'
       rel='noopener noreferrer'
     >
-      WHY RFR IS THE ANSWER TO ROUTING FOR REDUX
+      Pre Release: Redux-First Router — A Step Beyond Redux-Little-Router
     </a>
 
     <br />
@@ -80,7 +94,8 @@ onClick: () => dispatch({
       href='https://medium.com/faceyspacey/redux-first-router-data-fetching-solving-the-80-use-case-for-async-middleware-14529606c262'
       rel='noopener noreferrer'
     >
-      DATA-FETCHING + SIMPLER REDUX MIDDLEWARE /W RFR
+      Redux-First Router data-fetching: solving the 80% use case for async
+      Middleware
     </a>
   </div>
 

src/css/Home.css

@@ -50,5 +50,10 @@ span.directions {
   color: white;
   -webkit-font-smoothing: antialiased;
   font-family: Roboto, sans-serif;
+  text-decoration: none;
+}
+
+.articleLinks:hover {
+  color: purple;
   text-decoration: underline;
 }

yarn.lock

@@ -4611,11 +4611,12 @@ react-transition-group@^1.2.0:
     prop-types "^15.5.6"
     warning "^3.0.0"
 
-react-universal-component@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/react-universal-component/-/react-universal-component-2.4.0.tgz#27c927e4e72645f724ca4b086240c4a6f331a426"
+react-universal-component@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/react-universal-component/-/react-universal-component-2.5.0.tgz#ffa044ab1188ffe3880d63e0c09d564926e27624"
   dependencies:
     hoist-non-react-statics "^2.2.1"
+    prop-types "^15.5.10"
 
 react@^15.4.2:
   version "15.4.2"