微咸

buildinpublic 最近周末花时间在做一个工具，起因遇到一个问题，我使用 SWC 编译一个 monorepo 的项目的时候，目标项目依赖的子包并不发布，我经常要提前把这些子包和目标项目一起打包。而在我使用 TSC 时候，这一切似乎是自动化的。因此，我打算写一个工具，底层使用 SWC，配置文件使用 tsconfig.json。让使用者并不需要提前指定要编译的文件，而是通过 glob...

buildinpublic https://www.jwx.ink/readlist 在个人博客汇总了2023 年在 newsletter 以及 rss 读到的比较好的文章链接。## 工程师 https://taxodium.ink/post/emoji-regexp/ 学到一个匹配 Emoji 的技巧了。 如果维护的项目的依赖一个包...

上个 issue 其实是失误，其实还并没有达到 50 这个数量，发布之后才发现的，本来想在下一个 issue 里面说一下，没想到拖到了现在，也只能将错就错了。 这些 issue 其实都是我每隔一段时间以来的阅读的摘抄。从 2022 年时候开始总结并且整理为 issue，那时候频率是每周阅读每周总结，但是结合工作来看，感觉时间的压力就会比较大。所以 2023 调整了频率，从发布频次也可以看出来...

AI https://www.mymap.ai/ 比较有趣的是之前会问 AI 如果我要做 xx 需要怎么做，这个工具似乎把中间的解释过程省略了，直接告诉步骤通过思维导图方式告诉你。 https://hu.ma.ne/aipin 这个产品太令人期待了，想象中未来电话的样子。不知道续航如何，如果现实生活中有这个助理的话真是很棒了。### 工程师 ...

AI https://animatedai.github.io/ 神经网络的演示动画### 文章 https://paulstamatiou.com/stocketa/#stocketa-sell-shares 好像是 rewind 作者的之前的一个作品，从文章里面的截图和演示可以看出，其实功能是十分完整的，但是最后作者并没有推出这个作品，虽然从这个作品的出发点来看...

AI https://replicate.com/fofr/sdxl-emoji AI 生成 emoji 的工具，很适合生成头像。### 工程师 https://sugar-high.vercel.app/ 对于高亮组件来说，体积非常小了 https://tonsky.me/ unicode 科普文章 https://github...

AI https://nojimikiko.jp/works/2021 别人分享过关于 midjourney 一个技巧，喜欢某个艺术家那么就可以把艺术家作为参数一部分，但是我想知道的是如何找到这些艺术家的列表可以作为参数呢？ https://github.com/imgly/background-removal-js 一个可以在 JS 中实现移除背景的库...

工程师 https://vercel.com/blog/how-react-18-improves-application-performance 在优化 React 的项目中，一定会被讨论的话题是： 长任务，往往是延迟长任务在必要的任务之后，因为必要任务和性能和业务指标相关。在 React 18 中看起来引入更加复杂的任务调度...

工程师 https://deno.com/blog/v1.34 Deno 支持将 NPM 包编译为二进制文件，文章说可以获得更快的启动速度，如果能够编译 webpack，除了启动速度之外，能够获得更快的运行速度吗？ https://addyosmani.com/blog/react-server-components-app-router/ 概述，介绍什么是...

工程师 最近开始大量的接触 React 性能优化开始发现最近这几个版本的更新让我觉得它并不好用，我很喜欢它可以像是 JS 代码一样写组件。但是还是从它最开始就在社区讨论的几个老大难的问题，state 和 perf 性能优化永远是老大难的问题。 关于 state，什么时候会导致更新，特别是在 SSR + 流渲染的情况下的时候，在注水之前的 state 更新就要特别小心...

工程师 看到两个看起来很像的文章，分别是如何成为高效和低效两类工程师。 https://taylor.town/-10x https://kadekillary.work/posts/1000x-eng/ https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b ...

工程师 https://www.frontendundefined.com/posts/summaries/common-react-libraries/ 如果你想构建一个应用，你有太多 NPM 包可以选择了，但是在一个领域常用只有一两个。这个文章分享他所认为的比较好用的工具包，比如 state，form，数据获取。就像是最近一段时间比较热门的 https://www...

工程师 https://webkit.org/blog/13813/try-css-nesting-today-in-safari-technology-preview/ 正在讨论浏览器支持，类似 SCSS 嵌套的 CSS 选择器语法。 https://www.frontendundefined...

RSS https://github.com/headllines/producthunt-daily-rss 之前订阅的事每天比较热门的产品，后来发现它十分污染我的 RSS，后来改成了这个将每周排行进行推送。要是能够有排行榜里的具体内容就更好了。不知道是不是因为这个排行是动态更新的所以就没有做？ https://labs.kagi.com/ai/sum ...

科技 https://shiftrobotics.io/ shiftrobotics 宣传是可以走的更快的鞋子，是在鞋子上安装类似平衡车的效果，所以可以跟着走动带着滑行的效果。看介绍还是很酷的，应该会有很多人喜欢。 工程师 https://maroofy.com 一个相似音乐的推荐工具，据作者来说是训练了一个神经网络模型进行训练。 ...

https://mp.weixin.qq.com/s/ixMp0Jqc\_sfNMPDrCYnPPw 使用 CSS Houdini 可以在 CSS 中使用 JS 代码，类似在 CSS 中使用 canvas 画一些图案，但是是在 CSS 的生命周期中实现，所以可以获取到全局状态变量等。这个文章是实现了一种波浪的效果。https://chrome.google...

https://www.kive.ai/canvas ai 新玩法，可以多人在房间内一起作画。https://elai.io/ ai 能够换脸之后，像这种文本生成视频，同时让一个 ai 生成的人物来念出来，看起来也是一个比较有趣的思路 https://addyosmani...

https://twitter.com/jesper\_vos/status/1595075494831357952 threejs 看起来是很简单的代码，实现了 portal 的效果。https://www.tremor.so/ 图表库，构建在 tailwindcss 之上https://shopify...

https://deno.com/blog/the-future-of-web-is-on-the-edge 边缘计算为什么是未来。边缘计算类似于把内容放到了更靠近用户的服务器上，所以网络性能会更好。https://d2-lang.com/tour/containers 看起来可以在 markdown 中使用的流程图语法。https://www...

https://www.latepost.com/news/dj\_detail?id=1390 介绍了为什么特斯拉最近事故的原因，说到底还是驾车习惯的原因，如果车企能够远程升级控制一些驾驶细节，确实有点令人担忧 https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/ ...

https://mp.weixin.qq.com/s/RhRaMFmkEf4kxgFgcvr\_4w turpopack 是否真的比 vite 更快？https://arc.net/ 最近在使用 arc 浏览器，确实使用体验比 chrome 要好。因为我会开很多浏览器区分不同工作场景，比如说在看 RSS 的，在写代码的，写代码可能还会区分不同项目的，这个可以通过...

https://www.radix-ui.com/docs/colors/tests/balance 提供了多个色彩方案，目的是解决网站色彩方案选择的问题。看起来还挺有用的，因为它还提供了思路，如何去修改颜色，虽然我看了之后还是有点不明白为什么要这么做。第一个知道色版的每个颜色都应该用在什么位置，比如颜色列表中，1/2 是属于背景。https://www.figma...

https://mypiday.com/results/?date=22-02-20&ck=5fe8fc4d 和数学相关的产品总是有种异样的美，比如常客 PI 这个数字。https://limboy.me/index.xml https://geekplux.com/posts/2019-summary 推荐两个博客...

https://www.briantimar.com/notes/mimetic/mimetic/ 模仿陷阱有几个特点：同龄人比较，模仿同龄人来实现价值，而渐渐放弃长期目标，因为在环境中，你只需要和挺令人比较就行了，这让你感到麻痹，放弃长期目标才是陷入这个的关键；另外，往往你会感到痛苦。原因可能是你不喜欢，但是不清楚为什么在做件事情；同时离开它很痛苦，因为习惯的环境让你感觉无处可去...

https://moonvy.notion.site/zeroG-92ce7f09ce9a4f238d665fc4ca0aac2c 类似 Arc 浏览器，体验一下我之前的想要把一些搜索结果放在一个屏幕算不算是伪需求。 https://infinitecanvas.tools/gallery/ 一些无限画布 App 的集合https://github...

https://github.com/Rezmason/matrix 类似黑客帝国的效果，之前一直想要实现一个类似的。https://kvyder.app/ 用这个调试 blender 的模型在 threejs 的渲染效果是不是方便一点。https://whoisinspace.com/ 就像是标题写的那样，谁在太空中...

https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-beta/ TS 4.9 增加了一个 satisfies 属性用于

https://github.com/IdreesInc/Monocraft 像素风格的字体，为编程字符做了很多适配。https://lenciel.com/2022/09/what-could-happen-after-ism/ AI 是否会导致失业。作者认为这是同步进化的，AI 会进化，人也会。会逐渐适应。https://drawkit...

https://github.com/mantou132/nesbox 红白机在线https://github.com/dlvhdr/gh-dash Github 官方 CLI 的第三方插件，可视化 Issue PR 等。https://rectangles.app/ 将每天分为小方格，挺有趣的注意力工具。https://github...

https://dronexl.co/2022/08/22/dji-mavic-3-flies-over-mount-everest/ 无人机飞越珠穆拉玛，太美了。https://www.ghacks...

https://buttondown.email/hillelwayne/archive/why-do-arrays-start-at-0/ 为什么数组索引从 0 开始。https://pornpen.ai/ NSFWhttps://englishrussia...

https://kottke.org/22/03/pixel-birds-and-other-animals 像素风格设计资源。https://gamma.app/?ref=producthunt 之前看到 slidev 这个工具时候就想过为什么写 PPT 不是像 notion 那种方式，提供一些内置的布局组件，让你可以通过 nocode 的方式写 PPT...

https://threadreaderapp.com/thread/1554667451203276801.html 因为今年打算认真的输出自己，比较重要的事情是写作。写作技巧可以看看。https://cmdk.paco.me/ 目前看起来最好看的搜索 Modal，常用于在网站上通过 Command + K 触发。提供了 Raycast，Linear 等 App...

https://chrome.google.com/webstore/detail/css-scan/gieabiemggnpnminflinemaickipbebg/related?hl=en 直接复制元素样式的浏览器插件。https://vytal.io/ 一个浏览器插件，用于修改和模拟浏览器数据。https://github...

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ins HTML 居然有标签可以显示 diff 的效果。https://wooshy.app/ 如果你在 chrome 浏览器用过 vimium 插件，这个软件就是 Mac 版的，通过快捷键触发输入框，输入文字之后，高亮屏幕上的包含文字的控件...

https://tinyprojects.dev/posts/i\_spent\_two\_years\_launching\_tiny\_projects 独立开发的个人项目总结，看到了一些不错的 idea，项目价值与否与它是否帮助到了别人有关；另外，在你写项目的同时，你可以很好的提升你的编程技能。https://news.ycombinator...

https://konstantinlebedev.com/solid-in-react/ SOLID 原则在 React 中应用和解释（第一次知道这几个单词代表什么意思）https://github.com/codemix/deprank 一个小工具，对仓库文件进行排名，如果是为了重构的话。可以找到优先重构的文件？但是暂时还没有想到具体到什么情况下需要这个工具...

https://www.raycast.com/blog/we-hack-every-friday/ Hack 的团队文化可以说是非常喜欢了。因为很喜欢这种毫无意义（可能），但是很有诚意的小惊喜。https://robbowen.digital/wrote-about/css-blend-mode-shaders/ CSS 实现的极光效果，看起来非常棒...

https://www.vox.com/future-perfect/21420357/kenya-mobile-banking-unbanked-cellphone-money 肯尼亚居然使用通话时间作为移动支付货币。https://phys.org/news/2022-06-bacteria-species-glacial-ice-pose.html ...

http://earthclock.cwandt.com/ 在谷歌地球上显示时间，比如 09:18，会在地球上找到五张图片分别代表 0 9 : 1 8https://reactjs.org/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.html 这是 React Team...

https://whistlr.info/2022/abortcontroller-is-your-friend/ 现在才知道，原来 addEventListener 有第三个参数，用文中的 AbortContoller 可以控制是否移除监听事件。https://github.com/pissang/little-big-city 实时显示 3D...

https://danylpo.com/skware/ 像素 Iconhttps://journalisticapp.com/ PWA 的应用，体验起来和原生也大差不差。http://savethesounds.info/ 一些现在不常听到的声音，比如诺基亚开机。https://www.cartoonbrew...

https://github.com/denoland/dnt deno 出了新的构建工具，有时间可以体验一下。 https://tympanus.net/codrops/2022/06/01/coding-an-infinite-slider-using-texture-recursion-with-three-js/ 十分酷炫...

https://videomentions.com/search 搜索 Youtube 视频内字幕以及简介。https://kevincox.ca/2022/05/06/rss-feed-best-practices/ RSS 格式最佳实践。https://github.com/breakfast-studio/lunchboxjs Vue 的...

https://simonwillison.net/2022/Mar/14/shot-scraper-template/ 使用 Github Action 进行网页快照。类似的方案思路大体都是类似的，使用的是 Playwright。https://apps.apple.com/us/app/id1419913995 可以在手机上 lidar 进行拍摄...

https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md 新的 React Hooks 希望能快点加上。https://relingo.net/zh/guide 使用之后可以在页面中直接下划线标注翻译。使用一段时间之后，觉得这种学习方式非常不错。在阅读文档同时可以直接学习英文...

https://unit520.net/deadtrees/ 俄罗斯方块的游戏，不同于之前版本，落下来的方块是会变散的。https://docs.github.com/en/rest/issues/labels github api 的参数和返回值预览（或许上线很久了）https://www.smashingmagazine...

https://github.com/reactwg/react-18/discussions/21 （可能大家都知道了）React18 在非 event handlers 内也实现了 batch update。useReducer 的优点减一:(http://www.chromestatus.com/features.xml 推荐一个 RSS...

design devtools 面向 developer 的开发工具的界面应该是怎么样的，讲的很好。对我来说很有启发，之后会减少产品中弹窗的使用。 https://pointerpointer.com/ 找到一张和你鼠标位置一致的图片，无聊且有趣居然是可以结合在一起的。https://microsoft.github...

https://blog.jim-nielsen.com/2022/inspecting-web-views-in-macos/ macOS的一些界面使用了 Web 技术（正好我前段时间时间想写一个 macOS UI 风格的组件库用于 Electron，现在可以抄了：）https://github...

最近无比想要养一只猫或者一只狗，我开始思考为什么此刻这个想法会如此强烈。简单思考片刻，我开始想明白了，我应该是带有目的性的想养一只猫狗，我想要借此机会去热爱生活。 因为我发现我变得十分悲观。我想要借助一个美好事物来重新热爱生活。

pnpm 还在维护的项目以及新项目都用上了 pnpm & changeset。发包和安装都快了不少，心情愉悦。mac 14 & iPhone 13 手机从 SE 换到了 iPhone 13，本想着使用 SE 换一种生活方式，看来是失败了。看来我对刘海接受程度变高了，iPhone 13 挺满意的。 从 mac 16 换到了 mac 14 并不算非常满意，接口变多了很棒，但是要是 mac...

Rust 入门spring-catponents从 2020 年就打算学学 Rust，2020 年末断断续续看了些语法。2021 年 2月末才真正上手写点代码。于是主要把一些 Rust 的 repo 推到这个 organization 里面。目前：- 主要是一个用 rust 实现的检测 Javascript/Typescript 代码中重复代码的 cli 以及一个配合...