Fix real world to be case insensitive (#1685)

Author: zhouzi

examples/real-world/containers/RepoPage.js

@@ -73,7 +73,11 @@ RepoPage.propTypes = {
 }
 
 function mapStateToProps(state, ownProps) {
-  const { login, name } = ownProps.params
+  // We need to lower case the login/name due to the way GitHub's API behaves.
+  // Have a look at ../middleware/api.js for more details.
+  const login = ownProps.params.login.toLowerCase()
+  const name = ownProps.params.name.toLowerCase()
+
   const {
     pagination: { stargazersByRepo },
     entities: { users, repos }

examples/real-world/containers/UserPage.js

@@ -73,7 +73,10 @@ UserPage.propTypes = {
 }
 
 function mapStateToProps(state, ownProps) {
-  const { login } = ownProps.params
+  // We need to lower case the login due to the way GitHub's API behaves.
+  // Have a look at ../middleware/api.js for more details.
+  const login = ownProps.params.login.toLowerCase()
+
   const {
     pagination: { starredByUser },
     entities: { users, repos }

examples/real-world/middleware/api.js

@@ -50,12 +50,17 @@ function callApi(endpoint, schema) {
 
 // Read more about Normalizr: https://github.com/gaearon/normalizr
 
+// GitHub's API may return results with uppercase letters while the query
+// doesn't contain any. For example, "someuser" could result in "SomeUser"
+// leading to a frozen UI as it wouldn't find "someuser" in the entities.
+// That's why we're forcing lower cases down there.
+
 const userSchema = new Schema('users', {
-  idAttribute: 'login'
+  idAttribute: user => user.login.toLowerCase()
 })
 
 const repoSchema = new Schema('repos', {
-  idAttribute: 'fullName'
+  idAttribute: repo => repo.fullName.toLowerCase()
 })
 
 repoSchema.define({