Make an OS with ReactJS & Next.js - Contexts & Refactoring
36I'll be rebuilding my browser "OS" project over a series of many streams. I plan to make it collaborative and involve the community. For this project I will continue to use React & Next.js written in TypeScript.
This stream is going to do some cleanup from our setup by refactoring things to be more organized and easier to understand. Then we are going to get into building the context for processes and windows. This is laying the groundwork for us to be able to build components such as the wallpaper, desktop icons & taskbar.
Chapters:
0:00 Stream Starts
1:47 Introduction
4:08 Motivations
11:39 Episode 2 Recap
19:06 NPM Updates
20:13 Agenda
25:20 ESLint Rule Additions
41:26 Stylelint Processor
47:54 Refactor Styled Components
1:25:55 Refactor Index
1:32:48 Reorganized package.json
1:35:27 Refactor Metadata
1:47:02 Refactor Hello World
1:51:49 Process Directory
2:05:10 Process Context
2:39:18 Window Manager
2:54:20 Next Stream & Final Thoughts
Stream Notes:
https://github.com/DustinBrett/daedalOS/tree/main/public/Users/Public/Documents/Stream%20Notes/01-16-21.md
Code Repository:
https://github.com/DustinBrett/daedalOS
Demo:
https://dustinbrett.com
#coding #programming #reactjs
Other Videos By Dustin Brett
| 2021-03-07 | Make an OS with React & Next.js - File Manager |
| 2021-02-28 | Building a Web Desktop Environment with React - Taskbar & Processes |
| 2021-02-21 | Building an OS with React - Clock & File System |
| 2021-02-18 | My EXTREME Programmer PC Build - Ryzen 9 3900X |
| 2021-02-14 | Building an OS with React - Taskbar |
| 2021-02-07 | Building Windows 10 with React - Wallpaper, Taskbar & Refactoring |
| 2021-01-31 | Make an OS with ReactJS & Next.js - Wallpaper & Taskbar |
| 2021-01-26 | The Best Programming Language to Learn First in 2021 |
| 2021-01-24 | Make an OS with ReactJS & Next.js - System Components |
| 2021-01-22 | 15 Tips On How to Become a Self-Taught Software Developer |
| 2021-01-17 | Make an OS with ReactJS & Next.js - Contexts & Refactoring |
| 2021-01-15 | My Ultimate Programmer Desk Setup for Productivity in 2021 |
| 2021-01-10 | Make an OS with ReactJS & Next.js - More Setup & Testing |
| 2021-01-06 | How I Became a Software Engineer (No Degree, No Bootcamp) |
| 2021-01-03 | Make an OS with ReactJS & Next.js - Project Goals & Setup |
| 2021-01-02 | Dustin Brett Live Stream |