大家好，这是我上周的技术手表，其中包含很多 #react、一点 #html、一些 #css 和 #npm。

？ https://www.totaltypescript.com/how-to-create-an-npm-package 如何创建 NPM 包
创建、测试和发布 NPM 包（从初始化到发布）的分步指南。

？ https://playfulprogramming.com/posts/why-is-css-in-js-slow 为什么 CSS-in-JS 慢
CSS-in-JS 性能分析：速度缓慢的原因和现代解决方案。

⚛️ https://alexkondov.com/interface-segregation-principle-in-react React 中的接口隔离原则
在 React 中应用接口隔离原则以获得更好的可维护性。

⚛️ https://kyleshevlin.com/never-call-new-date-inside-your-components/ 永远不要在组件内调用 new Date()
在 React 组件中避免使用“new Date()”以提高性能和一致性。

⚛️ https://storybook.js.org/blog/component-testing/ Storybook 中的组件测试
使用 Storybook 和流行的测试框架高效测试 UI 组件。

⚛️ https://www.freecodecamp.org/news/react-compiler-complete-guide-react-19/ 如何使用 React 编译器 - 完整指南
React 19 编译器综合指南：自动优化和新功能。

⚛️ https://www.callstack.com/blog/the-complete-developer-guide-to-react-19-part-1-async-handling React 19 完整开发人员指南，第 1 部分: 异步处理
React 19：改进异步操作处理的新功能。

？ https://dev.to/safdarali/top-5-html-features-youre-not-using-but-should-be-2i0e 您没有使用（但应该使用）的前 5 个 HTML 功能
五个鲜为人知的 HTML 功能可增强您的网页。

您可以在 https://www.56kode.com/tech-watch/ 找到我完整的科技手表系列。欢迎随时查看更多精选内容！