banana ui

Banana UI

Banana UI是一套底層基於Web Components的組件庫，它提供了一套常用的組件。

官方文檔:

• https://banana-ui.com/
• 國內鏡像: https://banana.youniverse.cc/ （沒開啟科學上網的用戶可以訪問這裡）

️ 特性

• ?可用於幾乎任何Web 框架（React、Vue、以及其他...）
• 可用於原生環境（無框架）
• 支持SSR（甚至能用於worker 環境）
• ? 良好的TypeScript 支持
• 適用於PC 端，移動端也可用
• ? 完善的單元測試

Banana 解決了什麼問題？

Banana 最大的特點是它是一個基於Web Components 的組件庫，這意味著它可以在幾乎所有的前端框架中使用，也可以在原生環境（無框架）中使用；並且它還支持服務端渲染（SSR） ，甚至可以用於worker 環境。這意味著你幾乎可以在任何地方使用它。

Banana 似乎是現在國內唯一一個支持服務端渲染的Web Components 組件庫。

基於這點，Banana 適合這些場景：

• 你正在開發一個需要支持多種框架的組件/插件/工具。
• 你有多個項目，它們使用不同的前端框架，你希望能夠在這些項目中使用相同的組件庫。
• 你開發的項目正在使用模板引擎，而不是前端框架（比如Shopify、Wordpress 等）。
• 你開發的項目沒有使用前端框架，而是原生環境。
• React 用戶，我們提供了一個React 版本，它對React 做了專門的適配，可以更好地和React 配合使用。
• 當然，Vue 項目或其他Web 框架也可以使用Banana。

尋求幫助& 參與貢獻

歡迎任何形式的提問和貢獻，你可以在Issues 區上提出問題或尋求幫助。 如果你想參與貢獻，希望可以先查看貢獻指南。

Q & A

我可以把它用於生產環境嗎？

可以。 Banana UI 已經在一些項目中使用。但是請注意，它仍然處於早期階段，可能會有一些問題。如果你在使用過程中遇到了問題，歡迎在Issues 區上提出問題或尋求幫助。

作者註：我目前在一個跨境電商公司工作，公司最大的C 端項目以及它的一些內部系統都在使用Banana UI。

LICENSE

MIT