Greet the website visitor with big letters!

Author: Hatlen

package.json

@@ -10,6 +10,7 @@
     "@babel/preset-env": "^7.2.3",
     "@babel/preset-react": "^7.0.0",
     "babel-loader": "^8.0.5",
+    "lodash": "^4.17.11",
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
     "webpack": "^4.28.1",

src/app.js

@@ -1,8 +1,10 @@
+import _ from "lodash";
+
 import React from "react";
 
-export default () => (
+export default ({ name }) => (
   <>
-    <h1>Welcome to this demo app</h1>
+    <h1>Welcome to this demo app {_.capitalize(name)}</h1>
     <p>
       Check out the pull requests for a demo of the pull request bundle size
       check that this app is created for.

src/react.js

@@ -3,4 +3,4 @@ import { render } from "react-dom";
 
 import App from "./app";
 
-render(<App />, document.querySelector("root"));
+render(<App name="visitor" />, document.querySelector("root"));

yarn.lock

@@ -2522,7 +2522,7 @@ lodash.debounce@^4.0.8:
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
 
-lodash@^4.17.10:
+lodash@^4.17.10, lodash@^4.17.11:
   version "4.17.11"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
   integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==