timkindberg · SamGrinis · Apr 30, 2018 · Apr 30, 2018 · Apr 30, 2018 · Apr 30, 2018
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,2 @@
 node_modules/
 .DS_Store
-*/**/*.js
-*/**/*.js.map
diff --git a/01-Write-a-Higher-Order-Component-from-Scratch/README.md b/01-Write-a-Higher-Order-Component-from-Scratch/README.md
diff --git a/01-Write-a-Higher-Order-Component-from-Scratch/index.html b/01-Write-a-Higher-Order-Component-from-Scratch/index.html
diff --git a/01-Write-a-Higher-Order-Component-from-Scratch/package.json b/01-Write-a-Higher-Order-Component-from-Scratch/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "new",
+  "version": "1.0.0",
+  "description": "",
+  "keywords": [],
+  "main": "src/index.js",
+  "dependencies": {
+    "react": "16.3.2",
+    "react-dom": "16.3.2",
+    "react-scripts": "1.1.4",
+    "recompose": "0.27.0"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  }
+}
diff --git a/01-Write-a-Higher-Order-Component-from-Scratch/public/favicon.ico b/01-Write-a-Higher-Order-Component-from-Scratch/public/favicon.ico
diff --git a/01-Write-a-Higher-Order-Component-from-Scratch/public/index.html b/01-Write-a-Higher-Order-Component-from-Scratch/public/index.html
@@ -0,0 +1,80 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="theme-color" content="#000000">
+  <!--
+    manifest.json provides metadata used when your web app is added to the
+    homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
+  -->
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+  <!--
+    Notice the use of %PUBLIC_URL% in the tags above.
+    It will be replaced with the URL of the `public` folder during the build.
+    Only files inside the `public` folder can be referenced from the HTML.
+
+    Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+    work correctly both with client-side routing and a non-root public URL.
+    Learn how to configure a non-root public URL by running `npm run build`.
+  -->
+  <title>React App</title>
+
+</head>
+<body>
+  <!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<meta name="theme-color" content="#000000">
+	<!--
+      manifest.json provides metadata used when your web app is added to the
+      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
+    -->
+	<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+	<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+	<!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+	<title>React App</title>
+</head>
+
+<body>
+	<noscript>
+		You need to enable JavaScript to run this app.
+	</noscript>
+	<div id="root"></div>
+	<!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+</body>
+
+</html>
+  <!--
+    This HTML file is a template.
+    If you open it directly in the browser, you will see an empty page.
+
+    You can add webfonts, meta tags, or analytics to this file.
+    The build step will place the bundled scripts into the <body> tag.
+
+    To begin the development, run `npm start` or `yarn start`.
+    To create a production bundle, use `npm run build` or `yarn build`.
+  -->
+</body>
+</html>
diff --git a/01-Write-a-Higher-Order-Component-from-Scratch/public/manifest.json b/01-Write-a-Higher-Order-Component-from-Scratch/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "./index.html",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/...ptimizes-Higher-Order-Components/.babelrc → ...Order-Component-from-Scratch/src/.babelrc b/...ptimizes-Higher-Order-Components/.babelrc → ...Order-Component-from-Scratch/src/.babelrc
diff --git a/01-Write-a-Higher-Order-Component-from-Scratch/src/createServiceWorker.js b/01-Write-a-Higher-Order-Component-from-Scratch/src/createServiceWorker.js
@@ -0,0 +1,52 @@
+// In production, we register a service worker to serve assets from local cache.
+
+// This lets the app load faster on subsequent visits in production, and gives
+// it offline capabilities. However, it also means that developers (and users)
+// will only see deployed updates on the "N+1" visit to a page, since previously
+// cached resources are updated in the background.
+
+// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
+// This link also includes instructions on opting out of this behavior.
+
+export default function register() {
+  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+    window.addEventListener('load', () => {
+      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
+      navigator.serviceWorker
+        .register(swUrl)
+        .then(registration => {
+          // eslint-disable-next-line no-param-reassign
+          registration.onupdatefound = () => {
+            const installingWorker = registration.installing;
+            installingWorker.onstatechange = () => {
+              if (installingWorker.state === 'installed') {
+                if (navigator.serviceWorker.controller) {
+                  // At this point, the old content will have been purged and
+                  // the fresh content will have been added to the cache.
+                  // It's the perfect time to display a "New content is
+                  // available; please refresh." message in your web app.
+                  console.log('New content is available; please refresh.'); // eslint-disable-line no-console
+                } else {
+                  // At this point, everything has been precached.
+                  // It's the perfect time to display a
+                  // "Content is cached for offline use." message.
+                  console.log('Content is cached for offline use.'); // eslint-disable-line no-console
+                }
+              }
+            };
+          };
+        })
+        .catch(error => {
+          console.error('Error during service worker registration:', error);
+        });
+    });
+  }
+}
+
+export function unregister() {
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.ready.then(registration => {
+      registration.unregister();
+    });
+  }
+}
diff --git a/...er-Order-Component-from-Scratch/style.css → ...rder-Component-from-Scratch/src/index.css b/...er-Order-Component-from-Scratch/style.css → ...rder-Component-from-Scratch/src/index.css
diff --git a/...er-Order-Component-from-Scratch/index.jsx → ...Order-Component-from-Scratch/src/index.js b/...er-Order-Component-from-Scratch/index.jsx → ...Order-Component-from-Scratch/src/index.js
@@ -1,3 +1,7 @@
+import React from "react";
+import { render } from "react-dom";
+import "./index.css";
+
 /*
 TITLE:
 Write a Higher-Order Component from Scratch
@@ -7,12 +11,13 @@ Learn the proper way to write a higher-order component from scratch.
 */
 const { Component } = React;
 
-const overrideProps = (overrideProps) => (BaseComponent) => (props) =>
-  <BaseComponent {...props} {...overrideProps} />;
+const overrideProps = overrideProps => BaseComponent => props => (
+  <BaseComponent {...props} {...overrideProps} />
+);
 
-const alwaysBob = overrideProps({ name: 'Bob' });
+const alwaysBob = overrideProps({ name: "Bob" });
 
-const neverRender = (BaseComponent) =>
+const neverRender = BaseComponent =>
   class extends Component {
     shouldComponentUpdate() {
       return false;
@@ -22,20 +27,17 @@ const neverRender = (BaseComponent) =>
     }
   };
 
-const User = ({ name }) =>
-  <div className="User">{ name }</div>;
+const User = ({ name }) => <div className="User">{name}</div>;
 
 const User2 = alwaysBob(User);
 const User3 = neverRender(User);
 
-const App = () =>
+const App = () => (
   <div>
     <User name="Tim" />
     <User2 name="Joe" />
     <User3 name="Steve" />
-  </div>;
-
-ReactDOM.render(
-  <App />,
-  document.getElementById('main')
+  </div>
 );
+
+render(<App />, document.getElementById("root"));
diff --git a/...ponents-Together-Using-Recompose/.babelrc → ...ponents-Together using-Recompose/.babelrc b/...ponents-Together-Using-Recompose/.babelrc → ...ponents-Together using-Recompose/.babelrc