標籤: React 頁1
React相關的文章，目前共收錄 38 篇內容。
網路資源
Devhints：開發者快速查詢程式語言語法的最佳捷徑
Devhints 是一個專為開發者設計的速查指南網站，匯集了多種程式語言和工具的速查表（cheatsheets）。這些速查表涵蓋了從基本語法到高級功能的各種知識點，幫助開發者快速找到所需資訊，提升工作效率。包含 HTML、javascript、CSS、git、資料庫，前端的框架、函式庫還有後端的許多程式語言都有收錄，可以給做相關工作的參考。
網路資源
Starlight：打造閃耀的文件網站
Starlight 是一款由 Astro 團隊開發的強大工具，專為建立高效、易用的文件網站而設計。利用 Astro 的全方位性能，Starlight 提供了完善的文件網站功能，包括網站導航、搜尋、國際化、SEO、易讀的排版、程式碼 Highlight 和暗色模式等。
網路資源
Coderbyte：技術評估與面試的最佳平台
Coderbyte 是一個專門為開發者提供技術評估和面試準備的平台。它提供各種程式挑戰、實際專案和即時面試模擬，幫助開發者提升技能並為技術面試做準備。Coderbyte 同時也為企業提供高效的候選人評估工具，提升招聘準確性和效率。
網路資源
Dynaui：靈活高效的 UI 設計工具
Dynaui 是一個專為設計師和開發者設計的 UI 設計工具，旨在提供快速且靈活的介面設計方案。這個平台強調響應式設計和高效工作流程，幫助用戶創建出色的用戶介面。
網路資源
HTMLrev：免費 HTML 樣板資源大全
HTMLrev 是一個提供超過 1500 款免費 HTML 模板的網站，涵蓋網站、Landing Page、部落格、作品集、電子商務和儀表板等多種用途。該平台為開發者和設計師提供了多樣化的選擇，適用於各種框架如 Bootstrap、Tailwind、Bulma、Angular、React、Vue、Nextjs 等。
網路資源
Atropos.js：好用的3D互動效果函式庫
Atropos.js 是一個強大的JavaScript 函式庫，專為創建流暢的3D互動效果而設計。它適用於各類網頁和應用程式，能夠為用戶提供引人入勝的視覺體驗。
網路資源
Radix UI：提供 icon 及配色建議以簡單打造優雅的使用者介面的線上工具
Radix UI 是一個開源的元件庫，專注於快速開發、易於維護和無障礙的設計。無需配置，只需讀入並開始使用。該網站提供多樣的 UI 元件，幫助開發者快速建立高品質的網頁應用程式。
網路資源
Magic UI：基於 React、Tailwind CSS 和 Framer 的創意設計平台
Magic UI 是一個專為設計師打造的強大工具平台，基於 React、Tailwind CSS 和 Framer 開發，提供多樣化的設計資源和範本，幫助使用者快速創建吸引人的 UI 設計。
網路資源
CSS Snippets：簡單實用的CSS範例集合
CSS Snippets 是一個提供各種實用CSS範例的網站，適合網頁設計師和開發者快速找到解決方案。網站收錄了多種常用的CSS樣式和效果，包括動畫、佈局、導航和表單等，所有範例都經過測試並且可以即時應用到專案中。每個範例都有詳細的代碼和說明，方便用戶輕鬆理解和使用。
網路資源
Page UI：輕鬆打造專業 Landing Page
Page UI 是一套專為 React 和 Next.js 使用者設計的 Landing Page 元件與範本集。使用者可直接將這些元件和範本複製貼上至自己的程式碼中，快速建立外觀精美且轉換率高的Landing Page。此外，所有元件和範本皆為開源，並支援深夜模式，適合各種品牌風格。
網路資源
SVG Viewer：線上檢視還有最佳化 SVG 的工具，亦可轉檔出 SVG 或 React 格式
SVG Viewer 是一個專為查看、編輯和優化SVG檔案的線上平台。使用者可以直接在瀏覽器中上傳SVG檔案，進行旋轉、翻轉、改變尺寸等操作，並透過「優化」功能減少檔案大小而不損失品質。此外，該平台還支持將SVG檔案導出為PNG或 React 等其他格式，適合設計師和開發者在編輯過程中快速預覽和調整圖形。
網路資源
JavaScript框架語法特性對比：用互動式的介面介紹及比較各大前端框架差異的工具網站
JavaScript框架語法特性對比是一個專門比較不同JavaScript框架語法特性的工具網站。由Jason Liang所創建，這個平台提供了一個互動的介面，讓開發者可以直覺地比較React、Vue、Angular、Svelte、SolidJS、Lit、Ember與Alpine.js等流行框架的不同語法和功能。用戶可以通過具體的示範程式碼來看到在各個框架中實現相同功能的差異，這對於選擇合適的框架來開發項目非常有幫助。
網路資源
Tailwind Awesome：收錄眾多優秀Tailwind模板與UI套件的網站
Tailwind Awesome 是一個專門提供高品質Tailwind CSS模板和UI套件的線上資源庫。該平台匯聚了眾多設計精美的模板，涵蓋了從SaaS、創業公司Landing Page到個人作品集等多種用途。此外，用戶還可以按網站技術如React、Vue.js等過濾搜尋結果，或從價錢排序收錄的模板。
網路資源
Hugeicons Pro：為您的設計專案注入27,000+專業圖示的魅力
Hugeicons Pro 是一個提供超過27,000+專業圖示的網站，旨在為設計師和開發者提供高品質、風格多樣的圖示庫，以美化他們的設計專案。支援多種格式包括Figma、React、SVG、CDN、NPM等，並提供一個強大的Figma 外掛，以提升設計效率。此外，Hugeicons還擁有一個免費圖示庫，包含超過3,800個圖示，適合於各種個人和商業項目使用。
網路資源
v0 by Vercel：v0 推出的藉由與 AI 對話生成 UI 及 React 程式碼的工具
v0 是由 Vercel 推出的一款 AI 生成 UI 的服務，你可以透過提示詞或上傳參考圖片，就能快速的生成 UI 設計，它支援生成如React、Tailwind CSS等開源專案的程式碼，並提供免費及其他不同的付費訂閱計劃。
網路資源
OpenUI：透過上傳圖片及文字描述可以即時產出 UI 介面的開源專案
W&B 團隊開發的 OpenUI 讓你能透過文字描述來即時渲染出 UI 界面。這工具還支援透過聊天方式進行界面調整，並能將 HTML 轉換成 React、Svelte、Web Components 等多種前端框架。
網路資源
Icongo：收錄超過 7 萬個 icon 的給開發者與設計師的開源 SVG icon 搜尋引擎
Icongo 是一個收錄了超過 7 萬個免費 icon 的龐大 SVG icon 搜尋引擎，開發者和設計師可以方便地透過其在專案中使用。它整合了來自多個開源 icon 的資源，使用者可以通過關鍵字來找到所需的icon。
網路資源
Transform.tools：開發者的格式轉換神器，簡化你的開發流程
Transform.tools 是一個強大的開發者工具，允許用戶將各種編碼和格式文件轉換成另外的格式，如 SVG 轉 JSX、HTML 轉 JSX、JSON 轉 TypeScript 等。此平台支援廣泛的轉換選項，包括 JSON、JSON Schema、CSS、JavaScript、GraphQL、JSON-LD、TypeScript、Flow 等以及更多其他格式。這是一個為開發者設計的一站式解決方案，提供靈活的轉換選擇，以滿足不同的開發需求。