Added Stream Notes 01-09-21

2026-01-15 12:15:02 +00:00 · 2021-01-10 00:32:57 -08:00
parent a14054d519
commit c384431b00
2 changed files with 151 additions and 74 deletions
--- a/streams/01-02-21.md
+++ b/streams/01-02-21.md
@@ -1,74 +1,76 @@
-# January 2nd, 2021 @ 9 PM PST
-
-## Introduction
-
- Hey everybody, I'm Dustin!
-  - https://dustinbrett.com/
-  - https://github.com/DustinBrett
-  - https://www.linkedin.com/in/dustinbrett/
- I've been inspired by similar projects
-  - https://aaronos.dev/AaronOS/aosBeta.php
-  - http://www.windows93.net/
-  - https://demo.os-js.org/
- This is not my first time doing this project
-  - https://github.com/DustinBrett/x
-  - https://x.dustinbrett.com/
-
-## Project Goals
-
- Teach others how to make projects from scratch
- Follow open source processes for contributing
-  - Commits, PR's, Issues & CI
- Discover best practices and ideal ways to do things
- Improve on the design based on lessons learned
-  - Make "processes" more like a real OS
-  - Styled components with theming
-  - More tests, hooks, abstraction
-  - New system for handling "shortcuts" and external links
-  - Details, details, details (Pixel perfect)
- Kick start my YouTube channel with relevant content
-
-## Initial Setup
-
- Git
-  - https://git-scm.com/docs/git-checkout#Documentation/git-checkout.txt---orphanltnewbranchgt
-  - https://docs.github.com/en/free-pro-team@latest/github/creating-cloning-and-archiving-repositories/about-readmes
-  - https://docs.github.com/en/free-pro-team@latest/github/creating-cloning-and-archiving-repositories/licensing-a-repository
- Npm
-  - https://docs.npmjs.com/cli/v6/commands/npm-init
-  - https://git-scm.com/docs/gitignore
- Next.js
-  - https://nextjs.org/
-  - https://nextjs.org/docs/api-reference/next.config.js/react-strict-mode
- EditorConfig
-  - https://editorconfig.org/
- SCSS
-  - https://sass-lang.com/
-  - https://nextjs.org/docs/basic-features/built-in-css-support#sass-support
- TypeScript
-  - https://www.typescriptlang.org/
-  - https://nextjs.org/docs/basic-features/typescript
-  - https://www.typescriptlang.org/tsconfig#strict
-  - https://nextjs.org/docs/advanced-features/module-path-aliases
- ESLint
-  - https://eslint.org/
-  - https://reactjs.org/docs/hooks-rules.html#eslint-plugin
- Stylelint
-  - https://stylelint.io/
- Prettier
-  - https://prettier.io/
-  - https://prettier.io/docs/en/integrating-with-linters.html
-  - https://prettier.io/docs/en/ignore.html
-
-## Next Stream
-
- Jest
-  - https://jestjs.io/
- Husky / lint-staged
-  - https://www.npmjs.com/package/husky
-  - https://www.npmjs.com/package/lint-staged
- Styled Components
-  - https://styled-components.com/
-  - https://styled-components.com/docs/tooling#stylelint
- Storybook
-  - https://storybook.js.org/
+# January 2nd, 2021 @ 9 PM PST
+
+## Stream Link: https://youtu.be/S-rF5rkhaJ0
+
+## Introduction
+
+- Hey everybody, I'm Dustin!
+  - https://dustinbrett.com/
+  - https://github.com/DustinBrett
+  - https://www.linkedin.com/in/dustinbrett/
+- I've been inspired by similar projects
+  - https://aaronos.dev/AaronOS/aosBeta.php
+  - http://www.windows93.net/
+  - https://demo.os-js.org/
+- This is not my first time doing this project
+  - https://github.com/DustinBrett/x
+  - https://x.dustinbrett.com/
+
+## Project Goals
+
+- Teach others how to make projects from scratch
+- Follow open source processes for contributing
+  - Commits, PR's, Issues & CI
+- Discover best practices and ideal ways to do things
+- Improve on the design based on lessons learned
+  - Make "processes" more like a real OS
+  - Styled components with theming
+  - More tests, hooks, abstraction
+  - New system for handling "shortcuts" and external links
+  - Details, details, details (Pixel perfect)
+- Kick start my YouTube channel with relevant content
+
+## Initial Setup
+
+- Git
+  - https://git-scm.com/docs/git-checkout#Documentation/git-checkout.txt---orphanltnewbranchgt
+  - https://docs.github.com/en/free-pro-team@latest/github/creating-cloning-and-archiving-repositories/about-readmes
+  - https://docs.github.com/en/free-pro-team@latest/github/creating-cloning-and-archiving-repositories/licensing-a-repository
+- Npm
+  - https://docs.npmjs.com/cli/v6/commands/npm-init
+  - https://git-scm.com/docs/gitignore
+- Next.js
+  - https://nextjs.org/
+  - https://nextjs.org/docs/api-reference/next.config.js/react-strict-mode
+- EditorConfig
+  - https://editorconfig.org/
+- SCSS
+  - https://sass-lang.com/
+  - https://nextjs.org/docs/basic-features/built-in-css-support#sass-support
+- TypeScript
+  - https://www.typescriptlang.org/
+  - https://nextjs.org/docs/basic-features/typescript
+  - https://www.typescriptlang.org/tsconfig#strict
+  - https://nextjs.org/docs/advanced-features/module-path-aliases
+- ESLint
+  - https://eslint.org/
+  - https://reactjs.org/docs/hooks-rules.html#eslint-plugin
+- Stylelint
+  - https://stylelint.io/
+- Prettier
+  - https://prettier.io/
+  - https://prettier.io/docs/en/integrating-with-linters.html
+  - https://prettier.io/docs/en/ignore.html
+
+## Next Stream
+
+- Jest
+  - https://jestjs.io/
+- Husky / lint-staged
+  - https://www.npmjs.com/package/husky
+  - https://www.npmjs.com/package/lint-staged
+- Styled Components
+  - https://styled-components.com/
+  - https://styled-components.com/docs/tooling#stylelint
+- Storybook
+  - https://storybook.js.org/
--- a/streams/01-09-21.md
+++ b/streams/01-09-21.md
@@ -0,0 +1,75 @@
+# January 9th, 2021 @ 9 PM PST
+
+## Stream Link: https://youtu.be/te1sxZVj55E
+
+## Introduction
+
+- Episode 1 Recap
+  - Next.js
+  - EditorConfig
+  - SASS
+  - TypeScript
+  - ESLint
+  - Stylelint
+  - Prettier
+- More Setup?!?
+  - https://roadmap.sh/frontend
+  - https://www.npmtrends.com/
+- Check for NPM updates
+  - https://docs.npmjs.com/cli/v6/commands/npm-outdated
+  - https://docs.npmjs.com/cli/v6/commands/npm-update
+  - https://github.com/npm/node-semver#advanced-range-syntax
+
+## More Setup
+
+- ESLint & Stylelint Rule Addendums
+  - https://eslint.org/docs/rules/max-lines
+  - https://github.com/lydell/eslint-plugin-simple-import-sort
+  - https://github.com/bjankord/stylelint-config-sass-guidelines
+- Husky / lint-staged
+  - https://www.npmjs.com/package/husky
+  - https://github.com/okonet/lint-staged
+- Jest
+  - https://jestjs.io/
+  - https://github.com/vercel/next.js/blob/master/examples/with-jest
+  - https://github.com/vercel/next.js/tree/canary/examples/with-typescript-eslint-jest
+  - https://nextjs.org/docs/advanced-features/customizing-babel-config
+  - https://jestjs.io/docs/en/configuration#moduledirectories-arraystring
+  - https://jestjs.io/docs/en/configuration#setupfilesafterenv-array
+  - https://github.com/jest-community/eslint-plugin-jest#readme
+  - https://www.npmjs.com/package/@types/jest
+- CI Testing
+  - https://medium.com/@trevorjperez1/add-jest-to-your-ci-cd-pipeline-with-github-actions-b369c0079173
+  - https://github.com/pricing
+  - https://github.com/marketplace/actions/run-jest
+  - https://docs.github.com/en/free-pro-team@latest/actions/reference/workflow-syntax-for-github-actions
+- Code Checking
+  - https://validator.w3.org/
+    - https://www.w3schools.com/tags/tag_title.asp
+    - https://www.w3.org/International/questions/qa-html-language-declarations
+    - https://nextjs.org/docs/advanced-features/custom-document
+  - https://developers.google.com/web/tools/lighthouse
+- Storybook
+  - https://storybook.js.org/
+  - https://github.com/vercel/next.js/tree/canary/examples/with-storybook
+- Styled Components
+  - https://www.npmjs.com/package/sass (`npm uninstall`)
+  - https://styled-components.com/
+  - https://styled-components.com/docs/tooling#babel-plugin
+  - https://styled-components.com/docs/tooling#dead-code-elimination
+  - https://nextjs.org/docs/advanced-features/custom-document
+  - https://github.com/vercel/next.js/tree/canary/examples/with-styled-components
+  - https://github.com/vercel/next.js/tree/canary/examples/with-typescript-styled-components
+  - https://styled-components.com/docs/tooling#stylelint
+  - https://styled-components.com/docs/tooling#syntax-highlighting
+    - https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components
+  - https://react-testing-examples.com/jest-rtl/styled-components/
+    - https://testing-library.com/docs/react-testing-library/setup/#custom-render
+
+## Next Stream
+
+- Process Manager
+  - https://reactjs.org/docs/context.html
+- Components
+  - Process Loading
+  - Background/Wallpaper