23 / 03 / 31
很早就想以周报形式来记录一些内容，甚至给文字想过是关于什么主题，比如前端、设计、产品等，又或者是关于独立开发的一些记录。但是迟迟没有动笔，而这个想法每隔一段时间就会跳出来。在最近 Gridea 新产品上线后，借由能够多使用一下自己的产品，多去体验一下这个工具是否真的趁手。所以，先写起来，再不断优化调整。
先写起来更重要。
鉴于这是我的第一篇，所以也“仪式感”地介绍一下这个早咖啡。
Hi, 我是海岛心hey（我更愿意使用这个网络上的 ID 来在互联网上和其他人建立联系），一个前端工程师，我刚刚启动了这个写作计划，只是有一个不同的地方来分享我的想法，我的独立开发过程，我的所学，有趣的发现，以及更多。
之所以叫 P · D · F，是因为我所预想的这个早咖啡的内容大多是关于产品（Product）、设计（Design）、前端（Frontend）的内容，也许以后可能会有所调整，现在先这样吧。哦，对了，叫早咖啡有两点原因：第一，我经常听的一个播客节目叫《声动早咖啡》，我很喜欢这档节目的内容和组织形式；第二，我写的内容大多是早上喝咖啡时顺带写的，所以就顺带叫早咖啡啦。
如果你想让我写一些特别的东西，欢迎通过邮件与我联系，提出你的建议，我想这也可以是一个小小的互动:)
总之，介绍先到这里了。
希望这些内容能为你的早晨带来一丝愉悦和启发！
Designing the new era of Teams | 设计 Teams 的新时代
3 月 27 日，微软 Teams 发布了新的设计，除了文章配图还是满满“微软风”之外，感觉一些便细节的设计理念还是挺认可或者值得一提的。因为我在飞书做前端开发，所以我不由得会拿 Teams 和飞书做对比，从而从这篇文章中挑出一些我认为做的比较好的一些点，可能带有明显的个人主观感受。
Map of React API | React API 地图
以地图形式来描述了 React API 的关联关系，当然是基于最新的 React Hooks 模型。作者的观点很有意思：“学习一项新技能类似于实际探索一个新区域，例如熟悉一个新城市的街道布局，或者了解森林中的所有小径”。以这种想法来进行新技术的学习时，可能会更有趣一些吧。另外，最终会形成一个学习过程中的知识图谱。
他这个地图中，每一环节出了包含了官方文档的链接之外，还包含了一些高质量的 Blog 文章，阅读起来会比较有趣，容易进入心流状态。另外，还会在阅读 Blog 的过程中不断发现新的有趣的东西。比如我就发现了Banditypes 这个超小的 TS/JS schema validator 库，或许我会在下一次有这类需求时尝试它。另外，如果你是前端开发人员，阅读一下他这篇我是如何制作最小的 TS 验证库 banditypes 的 也非常不错。其中有一个比较有意思的处理：
将 throw new TypeError('Invalid Banditype') 换成 bad banditype() 来实现既抛出错误，又能减少代码字节的效果 :)
最近 Jiayuan 发布了自己的产品 Copilot Hub 产品，我虽然没有太关注，单就最近 AI 的火爆程度以及 Jiayuan 在 Twitter 上的粉丝量，他很快收获了一大批用户。这篇文章就是在他的推文中发现的。
我以前就读过一些关于寻找早期用户甚至是关于找到 1000 个真正的粉丝 的文章，从中有所收获。这篇文章读起来不会很枯燥，没有长篇赘述理论知识，而是通过大量的案例以及对话引用，讲述了很多国外知名公司在早期是如何获得用户，与用户建立联系，获得反馈等等。如果你也是一个 creator，在做自己的产品，可能其中一些策略会对你有帮助。
Software Engineering - The Soft Parts | 软件工程 - 软技能部分
我前几天从公司的一个话题群中偶尔看到这本书的分享，得知其作者是 Addy Osmani 就知道这本书一定很不错（Anddy Osmani 在 Goole Chrome 工作了 10 年，这本书是他的一些反思和教训，因为我之前有阅读过他的另外一本电子书，是关于设计模式的，也很不错）。我目前阅读了两个章节，有很多收获。如果你也是在做软件工程师的职位，也建议读一下。（或许你会比我读的更快）。
另外一个点是，我喜欢将英文书籍翻译成中文，以使阅读起来更快更方便，于是尝试使用 Owen 的翻译插件来进行翻译，但无奈这本书的排版是采用了绝对定位的方式，所以翻译效果比较差。还是慢慢读英文吧。
本周没有进行太多 Gridea 的开发，但是想清楚两个事情，定了两个接下来要做的需求：
以上就是本次早咖啡的全部内容啦，周五愉快，下次再见！