Make an OS with ReactJS & Next.js - More Setup & Testing
I'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 will continue the setup from last weeks stream as well as begin to make the context required to manage "processes". Remaining items to setup include Husky, lint-staged, Jest, GitHub Actions, Styled Components & possibly Storybook if we decide it can be useful.
Chapters:
0:00 Stream Starts
2:43 Introduction
4:30 Episode 1 Recap
11:49 Repo Maintenance
17:15 More Linting Rules
28:48 Husky & lint-staged
39:53 Jest & React Testing Library
1:14:48 GitHub Actions (CI Testing)
1:29:35 Code Checking
1:58:19 Storybook
2:00:20 Styled Components
2:51:18 Next Stream
Stream Notes:
https://github.com/DustinBrett/daedalOS/tree/main/public/Users/Public/Documents/Stream%20Notes/01-09-21.md
Code Repository:
https://github.com/DustinBrett/daedalOS
Demo:
https://dustinbrett.com
#coding #programming #reactjs
Other Videos By Dustin Brett
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 |