前端
State Of React 2024
对于 React 来说，24 年是整合的一年。由于社区仍在为 React Server Components 的推出而忐忑不安，因此没有出现任何重大的破坏性变化是非常值得欢迎的。相反，React 19 专注于消除我们的许多痛苦，从让 forwardRef 过时，到水合错误的差异，再到新的编译器，它让我们的代码性能更强，而我们只需做极少的额外工作。
如果你对 React Native 感兴趣，这里还有一份 State Of React Native 2024.
React Libraries for 2025
每年一度，Robin 大佬整理推荐的 2025 年 React 生态的库。
tsconfig.json 指南
这份指南使您能够编写出更清晰的 tsconfig.json。
下面是一个快速的可以抄写的内容
- 这是这篇文章对部分场景的应用 https://2ality.com/2025/01/tsconfig-json.html#summary
- The TSConfig Cheat Sheet
- tsconfig base.json
- sindresorhus 的 tsconfig.json
CSS容器查询
又是一个非常强大的 CSS 查询语法，通过查询容器的指定大小，来应用不同的样式。
同样的方式，使用媒体查询会很麻烦。
基于 TypeScript 的 Agent 开发框架 mastra
这是 Gatsby 团队推出的 AI Agent 开发框架。他还提供了非常多的使用示例帮助你开发自己的 AI 应用。
交互
解构"Whimsical Animations"登陆页面
Josh W. Comeau 大神制作了一个看似很简单的登陆页：Whimsical Animations。
但是实际上里面暗藏了非常多的细节和彩蛋，这边文章是对各种彩蛋的实现，非常牛！
Style-observer：JS 观察 CSS 属性的变化
StyleObserver 是一个经过充分测试的 JavaScript 库，用于监听 CSS 属性的变化，并妥善处理了各种浏览器兼容性问题。
Overflow Clip
了解 overflow:clip 在CSS中的工作原理。使用这个样式可以做出好看的 hero 页面。
使用 view transitions api 实现的主题切换效果
使用 view transitions api 实现多种效果的黑白主题切换。你可以直接在线预览这些效果。
AI
Claude 3.7 Sonnet and Claude Code
Claude 3.7 Sonnet 在编码和前端 Web 开发方面表现出了特别显著的改进。
还推出了用于代理编码的命令行工具 Claude Code，能够直接从终端将大量工程任务委托给 Claude。
Cursor、Trae 等 AI 编辑器已经用上了 3.7 sonnet 了，非常牛逼，赶紧上手！！！
DeepSeek 开源周，5 天每天开源一个仓库
见仓库：deepseek-ai/open-infra-index
继 DeepSeek R1 爆火之后，又出现的比 R1 更强大的模型
- Google DeepMind 的 Gemini 2.0 家族
- 2.0 Pro （编码模型，复杂提示
- 2.0 Flash （主力模型，低延迟高性能，还能增强 AI Agent 体验
- 2.0 Flash Thinking （推理模型
- 2.0 Flash-Lite （价格最便宜的模型
- 马斯克的 xAI 推出的 Gork3 家族
- 仅早期版本 chocolate (Early Grok-3) 就已经突破 1400 分，Arena 排行第一
Gemini 国内代理转发
由于 Gemini Studio（暂时可以免费使用） 不对国内开放，但是我们可以使用 Deno 边缘服务器代理 api 转发
- 翻墙到 https://aistudio.google.com/ ，申请 API key
- 可以直接代理 API
- 也可以使用 Gemini ➜ OpenAI API proxy 这个仓库使用 OPEN AI 风格的 api 访问 gemini
DeepSeek R1 LLM 供应商
- 火山引擎-火山方舟 【比较推荐】
- 推理速度非常快，每分钟 token 限额（TPM）是500万，每日 token 限额（TPD）是50亿
- 50万的免费 token 额度，价格也便宜
- 使用略麻烦，除了创建 api key，他还要手动去开通指定模型，然后他还有一个 endpoint （接入点）的概念，需要创建一个接入点作为 model 参数。
- 阿里云百炼
- 推理速度也还不错
- 量大，100 万的免费 token 额度
- 使用方便，创建 api key 可以即可
- 硅基流动
- 这个前段时间广告很多，推理速度非常慢，而且会断
- 免费送了 15 元可以用于平台上的所有模型
- 可以用一些文生图模型
- 使用方便，就是 model 参数不太一样，比如 deepseek v3 的参数为
deepseek-ai/DeepSeek-V3