revert back to 2020 release for master

Author: pkellner

02-designing-better-components/clip-02-setting-up-our-dev-environment/package.json

@@ -0,0 +1,10 @@
+module.exports = {
+  printWidth: 80,
+  tabWidth: 2,
+  useTabs: false,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  jsxBracketSameLine: false,
+};

02-designing-better-components/clip-02-setting-up-our-dev-environment/pages/index.js

@@ -0,0 +1,19 @@
+{
+  "name": "clip-030-setting-up-project-with-nextjs",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "next": "^9.5.5",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  }
+}

02-designing-better-components/clip-020-setting-up-project-with-nextjs/.prettierrc.js

@@ -0,0 +1,8 @@
+function Page() {
+  return (
+    <div>
+      <h1>Hello From Pluralsight</h1>
+    </div>
+  );
+}
+export default Page;

02-designing-better-components/clip-020-setting-up-project-with-nextjs/package.json

@@ -0,0 +1,10 @@
+module.exports = {
+  printWidth: 80,
+  tabWidth: 2,
+  useTabs: false,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  jsxBracketSameLine: false,
+};

02-designing-better-components/clip-020-setting-up-project-with-nextjs/pages/index.js

@@ -0,0 +1,19 @@
+{
+  "name": "clip-030-setting-up-project-with-nextjs",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "next": "^9.5.5",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  }
+}

02-designing-better-components/clip-030-components-to-code/.prettierrc.js

@@ -0,0 +1,8 @@
+function Page() {
+  return (
+    <div>
+      <h1>Hello From Pluralsight</h1>
+    </div>
+  );
+}
+export default Page;

02-designing-better-components/clip-030-components-to-code/package.json

@@ -0,0 +1,27 @@
+import Menu from '../src/components/Menu/Menu';
+import Header from '../src/components/Header/Header';
+import SpeakerSearchBar from '../src/components/SpeakerSearchBar/SpeakerSearchBar';
+import Speakers from '../src/components/Speakers/Speakers';
+import Footer from '../src/components/Footer/Footer';
+
+export default function Page() {
+  return (
+    <div>
+      <Header />
+      <Menu />
+      <SpeakerSearchBar />
+      <Speakers />
+      <Footer />
+    </div>
+  );
+}
+
+// return (
+//   <div>
+//     <img src='images/header.png' />
+//     <img src='images/menu.gif' />
+//     <img src='images/searchbar.gif' />
+//     <img src='images/speakers.png' />
+//     <img src='images/footer.png' />
+//   </div>
+// );

02-designing-better-components/clip-030-components-to-code/pages/index.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const Footer = () => <img src="images/footer.png" />;
+
+export default Footer;

02-designing-better-components/clip-030-components-to-code/pages/speakers.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const Header = () => <img src="images/header.png" />;
+
+export default Header;

02-designing-better-components/clip-030-components-to-code/public/images/footer.png

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const Menu = () => <img src="images/menu.gif" />;
+
+export default Menu;

02-designing-better-components/clip-030-components-to-code/public/images/header.png

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const SpeakerSearchBar = () => <img src="images/searchbar.gif" />;
+
+export default SpeakerSearchBar;

02-designing-better-components/clip-030-components-to-code/public/images/menu.gif

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const Speakers = () => <img src="images/speakers.png" />;
+
+export default Speakers;

02-designing-better-components/clip-030-components-to-code/public/images/searchbar.gif

@@ -0,0 +1,10 @@
+module.exports = {
+  printWidth: 80,
+  tabWidth: 2,
+  useTabs: false,
+  semi: true,
+  singleQuote: true,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  jsxBracketSameLine: false,
+};

02-designing-better-components/clip-030-components-to-code/public/images/speakers.png

@@ -0,0 +1,19 @@
+{
+  "name": "clip-030-setting-up-project-with-nextjs",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "next": "^9.5.5",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  }
+}

02-designing-better-components/clip-030-components-to-code/src/components/Footer/Footer.js

@@ -0,0 +1,8 @@
+function Page() {
+  return (
+    <div>
+      <h1>Hello From Pluralsight</h1>
+    </div>
+  );
+}
+export default Page;

02-designing-better-components/clip-030-components-to-code/src/components/Header/Header.js

@@ -0,0 +1,27 @@
+import Menu from '../src/components/Menu/Menu';
+import Header from '../src/components/Header/Header';
+import SpeakerSearchBar from '../src/components/SpeakerSearchBar/SpeakerSearchBar';
+import Speakers from '../src/components/Speakers/Speakers';
+import Footer from '../src/components/Footer/Footer';
+
+export default function Page() {
+  return (
+    <div>
+      <Header />
+      <Menu />
+      <SpeakerSearchBar />
+      <Speakers />
+      <Footer />
+    </div>
+  );
+}
+
+// return (
+//   <div>
+//     <img src='images/header.png' />
+//     <img src='images/menu.gif' />
+//     <img src='images/searchbar.gif' />
+//     <img src='images/speakers.png' />
+//     <img src='images/footer.png' />
+//   </div>
+// );

02-designing-better-components/clip-030-components-to-code/src/components/Menu/Menu.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const Footer = () => <img src="images/footer.png" />;
+
+export default Footer;

02-designing-better-components/clip-030-components-to-code/src/components/SpeakerSearchBar/SpeakerSearchBar.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const Header = () => <img src="images/header.png" />;
+
+export default Header;

02-designing-better-components/clip-030-components-to-code/src/components/Speakers/Speakers.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const Menu = () => <img src="images/menu.gif" />;
+
+export default Menu;

02-designing-better-components/clip-040-render-based-on-data/.prettierrc.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const SpeakerSearchBar = () => <img src="images/searchbar.gif" />;
+
+export default SpeakerSearchBar;

02-designing-better-components/clip-040-render-based-on-data/package.json

@@ -0,0 +1,27 @@
+import React from 'react';
+const Speakers = () => {
+  const speakers = [
+    {
+      imageSrc: 'speaker-component-1124',
+      name: 'Douglas Crockford',
+    },
+    {
+      imageSrc: 'speaker-component-1530',
+      name: 'Tamara Baker',
+    },
+    {
+      imageSrc: 'speaker-component-10803',
+      name: 'Eugene Chuvyrov',
+    },
+  ];
+  return (
+    <div>
+      {speakers.map(({ imageSrc, name }) => {
+        return (
+          <img src={`/images/${imageSrc}.png`} alt={name} key={imageSrc}></img>
+        );
+      })}
+    </div>
+  );
+};
+export default Speakers;