GitHub 宝藏项目推荐:开发者必备的小众神器
GitHub 宝藏项目推荐:开发者必备的小众神器
今天不聊大道理,直接上干货。
每天在 GitHub 上逛项目已经成了习惯。看多了几万 Star 的大项目,反而对那些小而精的工具更感兴趣——它们通常专注一个痛点、维护积极、没有包袱。
今天分享 5 个近期发现的好东西。
1. Responsively App — 响应式调试神器
⭐ 24.8k stars | Electron | 免费开源
responsively-org/responsively-app
一个专门为响应式开发设计的浏览器。打开一个网页,它会同时显示手机、平板、桌面等多种尺寸,而且滚动和点击是同步的——你在桌面端滚动,其他视口也会跟着动。
亮点:
- 内置常用设备尺寸,也支持自定义
- 截图功能一键导出所有尺寸
- 支持热重载,本地开发效率拉满
- 有浏览器扩展,可以快速在真实设备上预览
再也不用 F12 来回拖动窗口了。
2. Reactime — React 状态时光机
⭐ 2.2k stars | Chrome 扩展
React 开发者的新玩具。它是一个 Chrome DevTools 扩展,可以记录应用状态的变化历史,让你像操作 git 一样回滚到任意时间点。
用它能做什么:
- 查看每次 state 变化前后的快照
- 时间旅行:点击任意历史状态,页面即时回退
- 可视化组件树和状态流转
尤其适合调试那些”点了几下之后状态乱了”的玄学问题。
3. Sourcebot — 自托管代码搜索
⭐ 3.1k stars | TypeScript | Docker 部署
如果你用过 Sourcegraph,这个就是它的轻量替代版。可以连接 GitHub/GitLab 仓库,建立代码索引,然后通过类 Google 的语法搜索。
repo:my-project file:.tsx component:Button
适合场景:
- 公司内部代码库搜索(数据在自己服务器)
- 离线环境下的代码检索
- 不想付 Sourcegraph 的 enterprise 费用
部署很简单,一条 docker run 就起来了。
4. Yamada UI — React 动画组件库
⭐ 1.0k stars | React + TypeScript
一个新兴的 React 组件库,主打开箱即用的动画效果。表单校验、弹窗出现、列表加载……内置了丰富的 motion preset,一行代码就能做出流畅的过渡效果。
import { Fade } from "@yamada-ui/react"
<Fade in={isOpen}>
<Modal>内容</Modal>
</Fade>
特色:
- 遵循 WAI-ARIA 标准,无障碍支持好
- 深色模式支持完善
- 文档做得相当用心
现在 Star 数还不多,但更新很勤快,值得关注。
5. HackerTab — 开发者专属浏览器首页
⭐ 750 stars | TypeScript
一个开源的浏览器新标签页插件,聚合了 GitHub Trending、Hacker News、Product Hunt 等开发者常逛的站点。
个性化程度很高:
- 支持按语言筛选 GitHub 趋势(只看 TypeScript、Rust 等)
- 可以自定义显示哪些信息源
- 有深色模式
每天开浏览器第一眼就是技术动态,摸鱼都摸得更专业了。
小结
| 项目 | 定位 | 推荐理由 |
|---|---|---|
| Responsively App | 响应式调试 | 多设备同步预览,开发效率翻倍 |
| Reactime | React 调试 | 状态时光机,debug 神器 |
| Sourcebot | 代码搜索 | 自托管、私有化、免费 |
| Yamada UI | 组件库 | 动画丰富,文档良心 |
| HackerTab | 浏览器首页 | 技术资讯聚合,摸鱼利器 |
这些项目都有几个共同点:解决具体问题、维护活跃、文档完整。如果你的项目正好有对应需求,不妨试试看。
文章发表于 gumi.ink