[FE] 浅谈 Chakra UI 的现代化浅封装 - 语义化大行其道

通过llama.cpp与羊驼聊天的网页界面- 详解 Serge 的启动使用

 

Web2.0 发展至今,网页元素越来越丰富和多样化,数据越来越多。

从需求上来说,也已经不再是展示简单个静态网页,高效的开发交互、打通后端数据,产生了 React 和 Vue 两个著名框架。

 

React、Vue 这两个框架更多的是替代原本 JQuery 的位置,降低页面动态交互方面的复杂度。

而 UI 毕竟还是写 CSS 没有变,只不多由于 JS 工作渐渐占据主要位置,那么用来配合 JS 人员快速开发的 UI 库势必孕育而生。

Layui, SemanticUI 等原本和 JQuery 配合非常好的 UI 库的使用场景越来越少。

 

Chakra UI 是一层较浅的组件封装,涵盖了主要布局和自定义样式的功能,便于你用它开发更多的业务组件。

从这方面来看,有点像 Flutter,同样是一个个组件,或者叫 Widget,都注重于组件的语义化,也是一个趋势。

和 Quasar 的区别就比较明显,使用 Quasar 基本需要自己开发业务组件的情况就非常少了。

毕竟开发和维护都是成本,谁能兼顾的更好就能受到欢迎。

 

Tool:Texteditor

Ref:https://chakra-ui.com/getting-started

Ref:https://www.chakrauiforbeginners.com/

Link:https://www.cnblogs.com/farwish/p/16930831.html

posted on 2022-11-27 22:05  ercom  阅读(97)  评论(0编辑  收藏  举报