Now vibe coding, so learning hammer FE ?
#文章 「为什么使用 react-query?」 除了介绍 react-query 之外,还值得关注的点在于,文中简述总结了 react 的状态管理 和 异步数据传统方式带来的痛点。
如果不希望技术选型完全寄希望于某一个开源的思维范式,还有一个关于 SWR 心智模型值得学习,当然这个库也是非常简洁和好用的。
对比学习总是能够收获更多,并且不仅仅是技术本身。
如果不希望技术选型完全寄希望于某一个开源的思维范式,还有一个关于 SWR 心智模型值得学习,当然这个库也是非常简洁和好用的。
对比学习总是能够收获更多,并且不仅仅是技术本身。
#文章 #CSS 详细介绍了如何使用 CSS 的 backdrop-filter: blur() 属性来创建磨砂玻璃效果,并提供了一些优化技巧,使效果更加真实和美观。
https://www.joshwcomeau.com/css/backdrop-filter/
https://www.joshwcomeau.com/css/backdrop-filter/
#文章 #HTML 关于<search>元素,旨在作为搜索界面的专用容器,提供更好的可访问性,并明确搜索相关内容的目的。
https://www.trevorlasn.com/blog/html-search-element
https://www.trevorlasn.com/blog/html-search-element
#开源 Vite6 是 Vite 2 以来最重要的主要版本!支持 node EOL内的版本: Node.js 18、20 和 22+,不再支持 Node.js 21。
https://cn.vite.dev/blog/announcing-vite6
https://cn.vite.dev/blog/announcing-vite6
#文章 #React 服务端组件的 #原理 ,同时对比了服务端组件和客户端组件的五个不同:
1. 包大小
2. 水合过程
3. 组件树渲染
4. 组件生命周期
5. 数据获取
https://www.tymzap.com/blog/5-differences-between-react-server-components-and-server-side-rendering
1. 包大小
2. 水合过程
3. 组件树渲染
4. 组件生命周期
5. 数据获取
https://www.tymzap.com/blog/5-differences-between-react-server-components-and-server-side-rendering
#文章 #React Router v7 启航开启下一个十年。
- 集成了Remix的特性,为React Router用户提供了框架模式,包括编译器、服务器渲染、代码分割、优化、类型安全增强等。
- 创建新应用可以选择作为 库(create-vite) 还是 框架(create-react-router)。
- 框架模式下,还有一些列的部署和服务端渲染等解决方案。
- 集成了Remix的特性,为React Router用户提供了框架模式,包括编译器、服务器渲染、代码分割、优化、类型安全增强等。
- 创建新应用可以选择作为 库(create-vite) 还是 框架(create-react-router)。
- 框架模式下,还有一些列的部署和服务端渲染等解决方案。
#文章 #原理 你真的了解 10 年前出的 ES6 新特性 Symbol 吗?
背诵的知识点:确保唯一性。
拓展知识点:
1. 对象的临时键(不干扰现有键且不会展示在
2. 临时键的值可以通过
3.
4.
5.
6.
7.
https://www.trevorlasn.com/blog/symbols-in-javascript
背诵的知识点:确保唯一性。
拓展知识点:
1. 对象的临时键(不干扰现有键且不会展示在
Object.keys的结果和 for..in 循环中,场景:隐藏某些敏感键值对,比如 API_KEY)。2. 临时键的值可以通过
Object.entries 读取到。3.
Object.getOwnPropertySymbols()可以查询 Symbol 键对应的值。4.
Symbol.for()可以全局注册共享Symbol。5.
Symbol.iterator可以自定义对象的可迭代方式。6.
Symbol.toPrimitive可以自定义对象的隐式转换行为。7.
Symbol.species 可以限制某些继承行为和约束(计划废弃)。https://www.trevorlasn.com/blog/symbols-in-javascript