Now vibe coding, so learning hammer FE ?
#文章 #服务端 常规 VPS 对比,对比了 Digital Ocean、Linode 和 Vultr 的性能
https://joshtronic.com/2024/11/03/vps-showdown-november-2024-digitalocean-vs-linode-vs-vultr/
https://joshtronic.com/2024/11/03/vps-showdown-november-2024-digitalocean-vs-linode-vs-vultr/
#网站 #网页工具 网站主题配色、颜色设计
AI colors 生成网页主题配色:https://aicolors.co/
Happy hues 调色板灵感: https://www.happyhues.co/
Color hunt 调色板灵感:https://colorhunt.co/
AI colors 生成网页主题配色:https://aicolors.co/
Happy hues 调色板灵感: https://www.happyhues.co/
Color hunt 调色板灵感:https://colorhunt.co/
#文章 HeadlessUI 流行趋势和选型理由:
1. 定义:无头组件是无样式的UI开发构建块,功能逻辑的复用。
2. 优势:无头组件库默认不包含样式,开发者可以轻松定制样式,避免了与预设样式的竞争。
3. 流行原因: 传统的组件库难以定制样式,而无头库如Radix简化了样式定制过程,使得开发者可以更专注于构建功能而非与组件库作斗争。
4. shadcn:Shadcn提供了基于Radix和Tailwind CSS的可复制组件库,进一步简化了自定义设计系统的搭建过程。
5. 过去流行的组件库如 Material UI 和 AntD 将样式和功能捆绑在一起,虽然开发速度快,但难以定制样式。目前Material 正在开发自己的 headless 版本。
https://www.subframe.com/blog/how-headless-components-became-the-future-for-building-ui-libraries
1. 定义:无头组件是无样式的UI开发构建块,功能逻辑的复用。
2. 优势:无头组件库默认不包含样式,开发者可以轻松定制样式,避免了与预设样式的竞争。
3. 流行原因: 传统的组件库难以定制样式,而无头库如Radix简化了样式定制过程,使得开发者可以更专注于构建功能而非与组件库作斗争。
4. shadcn:Shadcn提供了基于Radix和Tailwind CSS的可复制组件库,进一步简化了自定义设计系统的搭建过程。
5. 过去流行的组件库如 Material UI 和 AntD 将样式和功能捆绑在一起,虽然开发速度快,但难以定制样式。目前Material 正在开发自己的 headless 版本。
https://www.subframe.com/blog/how-headless-components-became-the-future-for-building-ui-libraries
#文章 #原理 组合式组件的一些问题(比如:<Card.Header/>)
Multipart Namespace Components: Addressing RSC and Dot Notation Issues
https://ivicabatinic.from.hr/posts/multipart-namespace-components-addressing-rsc-and-dot-notation-issues
Multipart Namespace Components: Addressing RSC and Dot Notation Issues
https://ivicabatinic.from.hr/posts/multipart-namespace-components-addressing-rsc-and-dot-notation-issues
#React #原理 手动实现一个 React
Implementing React from scratch
https://www.rob.directory/blog/react-from-scratch
Implementing React from scratch
https://www.rob.directory/blog/react-from-scratch
#文章 #库 2024 年如何创建 NPM 包 —— 听起来很简单,但如果你想遵循最佳实践、引入有用的工具并做到恰到好处,其中涉及很多步骤。
How To Create An NPM Package | Total TypeScript
https://www.totaltypescript.com/how-to-create-an-npm-package
How To Create An NPM Package | Total TypeScript
https://www.totaltypescript.com/how-to-create-an-npm-package
#开源 omnivore 将于 2024-11-30 停服,非常好用的订阅服务,希望社区能够完善自托管流程,实现免费订阅自由。
官方声明
https://blog.omnivore.app/p/details-on-omnivore-shutting-down
自托管 PR 进度:
https://github.com/omnivore-app/omnivore/pull/4465
官方声明
https://blog.omnivore.app/p/details-on-omnivore-shutting-down
自托管 PR 进度:
https://github.com/omnivore-app/omnivore/pull/4465