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

 

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