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

2020-06-20 20:43:56 +08:00
 adashuai5

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

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

直接浏览；

github

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

5266 次点击
所在节点    程序员
21 条回复
Leon6868
2020-06-20 21:24:18 +08:00
膜拜大佬
adashuai5
2020-06-20 21:26:54 +08:00
@Leon6868 我只是个找不到工作的菜鸡啊
cyitao
2020-06-20 21:38:38 +08:00
膜拜大佬
hantsy
2020-06-20 21:44:49 +08:00
这个代码样式看起来不错啊，如果能加上 Storybook+Jest 测试就完美了。
jones2000
2020-06-20 22:54:15 +08:00
桌面最主要的是文件夹管理可视化，打开多个文件夹重叠， 拖拽某个文件夹，缩放文件夹大小，点击激活一个文件夹 都没有要。你这个就对应云上文件夹了， 直接像 macos 系统桌面一样打开文件夹就是一个对话框， 多个可以重叠，激活等等。
adashuai5
2020-06-20 23:18:04 +08:00
@jones2000 对，这个是后续要做的东西，也是难点
momocraft
2020-06-20 23:20:28 +08:00
挺可爱的..
hantsy
2020-06-20 23:45:34 +08:00
一直在关注 React，没写过实际项目，代码中的 <React.Fragment>可以写成 <></>
Yvette
2020-06-21 01:58:12 +08:00
一个小问题，好几个元素都是用的同一个 id="DockItem"……
dartabe
2020-06-21 04:36:20 +08:00
鼠标移到 dock 的时候是不是该加个 transition 忽然一下就变大了
gzlock
2020-06-21 07:01:08 +08:00
8 楼说的功能我开发的 pyonedesk 好像都实现了，在 v2 有发过帖子介绍
acthtml
2020-06-21 08:05:18 +08:00
这是一个很有创意的项目。
hantsy
2020-06-21 08:07:23 +08:00
@dartabe 不是有个 UseSpring 项目吗？ React 动画库了。
Heanes
2020-06-21 09:14:11 +08:00
有点意思
ccraohng
2020-06-21 13:19:08 +08:00
react-spring + react-use-gesture 无敌
overlords
2020-06-21 21:28:29 +08:00
渲染不吃力吗？
shanlanlan
2020-06-22 08:27:53 +08:00
six six six
superliwei
2020-06-22 11:30:04 +08:00
话说我很久前也做了一个，烂尾了。
http://cloudos.herokuapp.com/
StanLx
2020-06-22 11:43:47 +08:00
计算器左上按钮样式有问题
adashuai5
2020-06-22 22:03:53 +08:00
非常感谢大家，项目里右上角头像是简历，如果你们团队招人可以联系我

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/683362

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX