用 React 写了个仿 macOS 界面的个人主页，风格大概介于 Big Sur 和 Catalina 之间？

[Renovamen]

啊朋友们好，我最近在学 React，于是用 React 和 tailwindcss 仿 macOS 的界面写了个主页，风格大应该介于 Big Sur 和 Catalina 之间，换句话说我把这俩版本里我喜欢的部分拿出来拼凑到了一起，再换句话说我的 mac 的硬盘空间不够升级 Big Sur，于是有些细节我只能参照现在用的 Catalina 来补...

• 网页地址： https://portfolio.zxh.io/
• Github： https://github.com/Renovamen/playground-macos

开始写这个项目两三天之后我才发现了这个用 React 写 Ubuntu 的作品： https://vivek9patel.github.io （真的太强了，是我论坛逛少了我的错），而在刚刚准备发帖的时候我才发现了这个用 Vue 写 Deepin 的作品： https://GoodManWEN.github.io （真的太强了，是我论坛逛少了我的错），所以我并不是第一个（甚至不是前几个）想出这个主意的天才 hhh 。不管怎么说那个仿 Ubuntu 的项目给了我很多参考，非常感谢。

因为对 React 不熟（严格来说这第一个 React 项目），主业也不是前端，所以代码可能看上去会比较乱，并且我用了大量的 class component （似乎 react 社区相比 class 更推崇 hook 一点？虽然我目前还没能理解这是为什么，甚至我连 hook 的用法都还没理解的太清楚），所以先提前抱歉。

最后感谢一切反馈和建议，虽然这个月我比较忙可能没太多时间改进它...

[Hedgeh09]

my-dream.cpp 好评！

[hades97]

怎么你们这些非专业前端都这么牛逼

[sillydaddy]

为啥你们都是学几天然后不熟就能做出这种效果呢？ ？？
收藏学习了。

[tousfun]

大佬学 react 参考的什么资料？

[Hanser002]

其实 class or hook 并不会影响你的🐂🍺

[killva4624]

哈哈哈哈 VSCode 打开是 Github1s

[noqwerty]

大佬！捉个 typo，interests.txt 里面应该是 Natural Language Processing

[real3cho]

塞尔达好评

[Shvier]

inspirational and creative!

[erguotou521]

再来点动画会好些

[Pooc]

my-dream.cpp
[my-dream.cpp]( https://i.loli.net/2021/05/08/Bq2p3wKzOyNvXtx.png)

[Renovamen]

@noqwerty 非常感谢，马上改马上改 😂

[Renovamen]

@919615766 我先看了看官方文档，然后找了几个小项目来跑，然后就硬着头皮自己写，不会的上网搜，总会搜到 😂

[Renovamen]

@erguotou521 多谢建议，但主要是指哪方面的动画啊

[hqweay]

太！强！了！
以前也见过一个 Catalina 主题的博客，觉得这种创意真有趣。

[mayuko2012]

太棒了！

[yilidan]

大佬，太强了

[yunyuyuan]

现在都流行做仿系统的 UI 吗，前面不是刚有人发了个 deepin 的

[yhxx]

怎么你们这些非专业前端都这么强+1
我觉得让我来写怕不是要一个月，看你们都是几天就写出来了，好强

[AEDaydreamer]

太强了....看这些项目真的每天都会自卑一点点