Added stream notes (Jan 16th, 2021)

streams/01-16-21.md

@@ -0,0 +1,47 @@
+# January 16th, 2021 @ 9 PM PST
+
+## Stream Link: https://youtu.be/wbKSvZ2DrJg
+
+## Introduction
+
+- Episode 1 Recap (https://github.com/DustinBrett/x/commits/redo)
+  - Husky / lint-staged
+  - Jest
+  - CI Testing (GitHub Actions)
+  - Code Checking (W3C & Lighthouse)
+  - Styled Components
+- Check for NPM updates
+
+## More Linting Rules & Refactoring
+
+- ESLint Rule Additions
+  - https://www.npmjs.com/package/eslint-config-airbnb#eslint-config-airbnbhooks
+  - https://www.npmjs.com/package/eslint-plugin-import#typescript
+  - https://www.npmjs.com/package/eslint-plugin-react-hooks#installation
+  - https://github.com/prettier/eslint-config-prettier#installation
+  - https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/consistent-type-imports.md
+  - https://kentcdodds.com/blog/common-mistakes-with-react-testing-library
+- Stylelint Remove Processor
+  - https://github.com/styled-components/stylelint-processor-styled-components/issues/300
+- Refactor Styled Components
+  - https://nextjs.org/docs/advanced-features/custom-document
+  - https://testing-library.com/docs/react-testing-library/setup/#custom-render
+  - https://testing-library.com/docs/react-testing-library/setup/#configuring-jest-with-test-utils
+- Refactor Types
+- Refactor Metadata
+- Refactor Hello World
+
+## Contexts
+
+- Build dynamic "program" directory
+  - https://nextjs.org/docs/advanced-features/dynamic-import
+  - https://www.npmjs.com/package/jest-next-dynamic
+- Build program context
+  - https://reactjs.org/docs/context.html#dynamic-context
+  - https://kentcdodds.com/blog/how-to-use-react-context-effectively#the-custom-provider-component
+
+## Next Stream
+
+- Components
+  - Background/Wallpaper
+  - Taskbar