Building an Operating System in the Browser (S01E17)

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


Duration: 2:45:49
752 views
36

I'm building my personal website into an "OS". I'll be using technologies like React/Next.js, TypeScript, Styled Components, WebAssembly, etc. The UI is my attempt to replicate Windows 10 and I leverage many open source packages for core functionality.

Chapters:
0:00 Stream Starts
1:31 Proof of Concept Apps
11:07 Fix ESLint Extension Config
13:15 Dynamic Window Titles
35:55 NPM Updates
38:53 Goodbye, Hello World
39:52 No More Resizing Icons
54:12 Declare Window Types
58:36 JS-DOS Config Updates
1:00:09 JS-DOS ZIP Support (Attempt)
1:20:00 V86 Floppy Detection
1:35:11 Iterate File Names
1:44:15 Fix V86 Text Canvas Position
1:52:56 Taskbar Detail Adjustments
1:56:38 Taskbar Entry Tooltip & ESLint Tweaks
1:58:29 Fixed Close Causing Crashes
2:0034 Re-Focus Drag Handles
2:09:58 Titlebar Detail Adjustments
2:23:52 Window Detail Adjustments
2:29:15 Titlebar Double Click Actions
2:37:46 Update Initial Context States
2:38:16 Add Browserlist Definition
2:39:06: Update File System Indexes
2:40:25 Fix Titlebar Icon Margin + Min Width
2:42:28 Target TypeScript to ES6
2:43:27 Next Stream

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

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

Demo:
https://dustinbrett.com

#coding #programming #reactjs



Other Videos By Dustin Brett


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
2021-03-14Make an OS with React & Next.js - Windows (Drag, Resize, Min, Max)
2021-03-07Make an OS with React & Next.js - File Manager
2021-02-28Building a Web Desktop Environment with React - Taskbar & Processes
2021-02-21Building an OS with React - Clock & File System
2021-02-18My EXTREME Programmer PC Build - Ryzen 9 3900X


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