• Stars
    star
    107
  • Rank 323,587 (Top 7 %)
  • Language
    TypeScript
  • Created over 4 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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 实现画图工具