Creating a Windows 10 OS Clone w/TypeScript (Episode 22)

Channel:
Canada Dustin Brett
Subscribers:
13,800
Published on ● Video Link: https://www.youtube.com/watch?v=9KQG2VIkRxY


Duration: 2:09:41
219 views
13

Every Saturday @ 9 PM PT I'm live streaming my 2021 side project which is turning my personal website into an Operating System. I'll be using technologies like React, Next.js, TypeScript, Styled Components, & WebAssembly.

Chapters
0:00 Stream Starts
6:15 NPM Update Attempt
12:15 ESLint Extensions Tweaks
14:52 New Line Cleanup
15:27 Close w/Transition Function
22:12 Alphabetize Styles
23:03 Adjust Text Shadow
34:03 File Icon Foreground on Active
39:41 Fix Auto Size Resetting
42:50 Windows Foreground on Minimize
48:54 Rename Variant Variables
50:34 Allow Minimize when Maximized
51:50 Improve Minimize Animation
53:41 Smaller Scaled Minimize
57:05 Remove Unneeded TS Flag
58:20 Allow Focusing in Windows
1:05:20 Webamp Window Animations
1:19:43 Fix Webamp Foreground Index
1:38:28 Initial Start Menu Layout

Stream Notes:
https://github.com/DustinBrett/daedalOS/tree/main/public/Users/Public/Documents/Stream%20Notes/05-29-21.md

Code Repository:
https://github.com/DustinBrett/daedalOS

Demo:
https://dustinbrett.com

#programming #typescript #sideproject



Other Videos By Dustin Brett


2021-08-01Coding an OS Clone with React & TypeScript (Weekly LIVE Stream)
2021-07-31Software Developer Taking GitHub Copilot for a Test Flight
2021-07-25Building Windows 10 Clone with React & TypeScript (Weekly Live Stream)
2021-07-18Live Coding Windows 10 Clone in the Browser (S01E29)
2021-07-11Live Coding my OS in the Browser Side Project (React/TypeScript)
2021-07-04Windows 10 Clone in the Browser with React/TypeScript
2021-06-27Live Coding Windows 10 OS Clone in JavaScript (Week 26)
2021-06-20Building FUNCTIONAL Windows 10 with TypeScript (Episode 25)
2021-06-13Making my own Web Desktop in the Browser (S01E24)
2021-06-06Building an Operating System in the Browser (Week 23)
2021-05-30Creating a Windows 10 OS Clone w/TypeScript (Episode 22)
2021-05-23Building an OS in the Browser with React (Episode 21)
2021-05-16Building an OS in the Browser with React (Episode 20)
2021-05-09Building Windows 10 on React & TypeScript (S01E19)
2021-05-02Building an Operating System in the Browser (LIVE)
2021-04-25Building an Operating System in the Browser (S01E17)
2021-04-18Adding DOS & File Explorer to my OS in the browser [Stream #16]
2021-04-11Building a Web OS in React [Episode 15] - Behaviors, Styling & Refactoring
2021-04-04Building an OS with React - x86 Emulation & File Drop
2021-03-28Make an OS with React & Next.js - Styling & Session
2021-03-21Make an OS with React & Next.js - Styling & Planning


Tags:
next js
react js
nextjs
reactjs
next.js
react.js
react next.js
react jsx
nextjs tutorial
next js tutorial
jsx
react context
react hooks
react components
typescript
javascript
styled components
styled components react
css
os
operating system
eslint
stylelint
jest
prettier
github actions
git hooks
lint-staged
code refactoring
refactoring
git commit
programming projects