/my-desktop

A page written in react hooks and typescript that mimics the macOS desktop

Primary LanguageTypeScript

Alt

This is the first project I wrote using React Hooks and Typescript.

It's not as simple as React isn't a tech stack I'm familiar with, Typescript is good but I'm also unskilled, stepping over a lot of potholes in between. Also since my computer is a windows system and I can't find the relevant UI diagram online, it took me a long time to build the prototype. But the process was also very interesting and challenging, especially when it came to implementing the various animations of the macOS desktop.

This project is just getting started, so if you're interested why not star and watch it!

Blog

React Hooks + TypeScript 做个仿 MacOS 桌面(一):项目初始化

React Hooks + TypeScript 做个仿 MacOS 桌面(二):实现 Dock 动效

React Hooks + TypeScript 做个仿 MacOS 桌面(三):点击效果与弹窗

React Hooks + TypeScript 做个仿 MacOS 桌面(四):Canvas 实现画图工具