公司项目没亮点？不如自己做一个： React Hooks + TypeScript 做个仿 MacOS 桌面

[adashuai5]

本人一年前端，前段时间想跳槽找工作，但简历投出去没回应，外包倒是很多找过来，但即使是外包，现在对 React 的需求似乎也是多于 Vue 。 2020 年了，只会 Vue 也太说不过去了。于是我花了两个月时间在业余时间抽空从零开始学习 React 和 TypeScript，并于一个月前开始搭建题中所说个人项目，并输出相关记录博客，竟意外得受到了一些肯定。因此，我决定继续分享，一来是宣传自己的小作品；二来是有了大家的监督能持续输出，并收获反馈和建议。

现在项目已经初步成型，有兴趣可以看下：

直接浏览；

github

如果你觉得还不错，欢迎 watch 和 star，后续我也会继续优化；如果你有什么反馈或建议，也欢迎留言和提 issue 或者直接 pr 。

感谢大家的留言与支持，承蒙错爱，帖子发出去后有很多反馈和 star，让我对项目的完善有了更大的动力和压力。

留言我都看了，一些细节问题我已做了优化，一些建议我会采纳，后续会花时间慢慢优化，有了你们的肯定和监督，我保证尽量不弃坑哈哈。

与此同时，后续的进度有些卡壳，一方面是 dock 实现拖拽与原动效实现有冲突的地方，让我需要思考较好的实现；另一方面也是主要原因是帖子发出去后有多个面试邀请，在这里我要再次感谢看到我项目内简历给我内推的前辈们，由于很久没准备面试了，所以最近会多化时间在这上面，毕竟这来之不易的机会要珍惜。

因此这个项目再有大更新，可能是我面试碰壁或者跳槽成功了哈哈。

[Leon6868]

膜拜大佬

[adashuai5]

@Leon6868 我只是个找不到工作的菜鸡啊

[cyitao]

膜拜大佬

[hantsy]

这个代码样式看起来不错啊，如果能加上 Storybook+Jest 测试就完美了。

[jones2000]

桌面最主要的是文件夹管理可视化，打开多个文件夹重叠， 拖拽某个文件夹，缩放文件夹大小，点击激活一个文件夹 都没有要。你这个就对应云上文件夹了， 直接像 macos 系统桌面一样打开文件夹就是一个对话框， 多个可以重叠，激活等等。

[adashuai5]

@jones2000 对，这个是后续要做的东西，也是难点

[momocraft]

挺可爱的..

[hantsy]

一直在关注 React，没写过实际项目，代码中的 <React.Fragment>可以写成 <></>

[Yvette]

一个小问题，好几个元素都是用的同一个 id="DockItem"……

[dartabe]

鼠标移到 dock 的时候是不是该加个 transition 忽然一下就变大了

[gzlock]

8 楼说的功能我开发的 pyonedesk 好像都实现了，在 v2 有发过帖子介绍

[acthtml]

这是一个很有创意的项目。

[hantsy]

@dartabe 不是有个 UseSpring 项目吗？ React 动画库了。

[Heanes]

有点意思

[ccraohng]

react-spring + react-use-gesture 无敌

[overlords]

渲染不吃力吗？

[shanlanlan]

six six six

[superliwei]

话说我很久前也做了一个，烂尾了。
http://cloudos.herokuapp.com/

[StanLx]

计算器左上按钮样式有问题

[adashuai5]

非常感谢大家，项目里右上角头像是简历，如果你们团队招人可以联系我

[mlxj]

动画有点生硬，再改改？