Make an OS with ReactJS & Next.js - More Setup & Testing

Channel:
Subscribers:
13,800
Published on ● Video Link: https://www.youtube.com/watch?v=te1sxZVj55E



Duration: 2:55:38
1,724 views
56


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







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