Hi，朋友们。
新年马上就到了，在此提前预祝「MDH Weekly」的每一位朋友身体健康，阖家欢乐，愿您的代码如春节的烟花般绚烂！感谢相伴与支持，希望明年能继续关注我们。
这是其他同学转发给你的吗？你可以在这里订阅！。
本周好文
译：如何避免 SSR 渲染本地日期时的 FOUC 问题
译：危险的注水
译：React 19 计划推出的新 Hooks
译：使用 Promise.withResolvers 延迟 Promise
在 Node.js 中处理环境变量
明智的 JSON
Inside .git
2024 年你需要知道的 5 个 CSS 代码片段
Partial Prerendering 的 What、Why 和 How
12 Modern CSS One-Line Upgrades
2024 年如何启动 React 项目
Panda CSS 初印象
本周我感兴趣的事
1、小册和小册平台。
去年因为没写小册自罚了 2000，想着近期先脑暴下小册的选题和内容。为啥是小册？因为从价值上来看，书 > 小册 > 文章 > 新闻八卦，而写书的成本相对太高，所以小册是相对来说更好的选择。所以今年，我可能倾向于写更多有体系的小册，而不是篇幅较短的日更短文。
然后我又转到了程序员的怪圈，写小册是不是得先有个工具或平台？就像写文章之前得先搭个博客一样，于是关注点就到了小册工具/平台上，注册了个「xiaoce.dev」的域名。至于为啥不用现有的平台，比如语雀、掘金、飞书等？在购买了不少国外的前端课程后，我有不少关于前端课程应该是什么样的想法，比如至少应该是可交互的、所见即所得的，因为前端代码天生就是如此。
2、屯游戏。
没时间玩游戏，只能先屯着了。感觉屯游戏是快乐的，玩游戏反而是有压力的。这段时间的好游戏真不少，我屯了幻兽帕鲁、如龙 8、The Cub、雾锁王国，希望春节能有时间玩会。
本周面试题
感兴趣的同学请把答案发送到 sorrycc+mdh@gmail.com 。
先说下上周的面试题。
上周面试题收到两份答案，分别是 https://img.alicdn.com/imgextra/i2/O1CN01dFEHax28nyjYtH42b_!!6000000007978-2-tps-1018-1458.png 和 https://img.alicdn.com/imgextra/i1/O1CN01gygTXg1NodMXNkLit_!!6000000001617-2-tps-1526-2272.png ，感谢参与！说下我的想法。
第一份的逻辑上感觉是有问题的，1）距离活动开始的时间应该是服务端时间减去客户端时间之后，再去算这个时间的时分秒，2）setInterval 里去做 second 的递减是不对的，因为不准，比如客户端卡了一下，时间就不对了。
第二份我看着没啥问题，提几个建议吧。1）serverTime 的 props 可以做一些入参格式校验，2）props 类型不要用 React.FC 写法，因为早已不推荐，缺点包括不能于泛型一起工作、不能与 defaultProps 一起工作等，用正常的函数参数声明即可。（注：星球用户可以看 225 – 《React + TypeScript 最小知识集》。）
本周题目：你需要实现一个「文章列表页」，数据来自服务端，React 技术栈，请问你会如何做，可结合伪代码作答，需要考虑各种 Edge Case 以及运行时性能。感兴趣的同学请把答案发送到 sorrycc+mdh@gmail.com 。
本周好玩的事
4000+ 纪录片
如何选一个不晒的巴士位置
布莱泽奥特曼
程序员理想的显示器旋转角度
游戏：人中之龙８
游戏：The Cub
游戏：拜托！明天和我恋爱吧
游戏：雾锁王国 (Enshrouded)
哄哄模拟器Web版 – 你的AI对象生气了，快哄哄TA
Clipchamp：微软的视频剪辑工具
Portable EPUBs
iFixit 的 Vision Pro 拆解视频
Reading QR codes without a computer!
GitHub – vnglst/pong-wars，这是日与夜、善与恶之间的战斗
GitHub – 0xdevalias/chatgpt-source-watch
如果你喜欢 MDH 前端周刊，请转发给你的朋友，告诉他们到这里来订阅 ，这是对我最大的帮助。希望你有美好的一周！我们下期见。