網頁設計師和開發人員資源#8:JavaScript庫和框架&GitHub工具推薦

網頁設計師和開發人員資源#8:JavaScript庫和框架&GitHub工具推薦配圖

又到了為網路開發者朋友們推薦工具、庫和框架的時候了。本月收錄了許多好東西,從酷炫的 JavaScript 庫到 GitHub 釋出的便捷工具,甚至還有可以自己託管的 DIY 版 Heroku。

Deno Examples

Deno by Examples 提供了使用 Deno 的實用程式碼示例,從基礎任務到高階任務,如設定 HTTP 伺服器、處理 JSON、處理表單以及使用 JSX 進行伺服器端渲染。每個示例都包含清晰、可執行的程式碼片段,幫助你快速掌握 Deno。

Deno Examples

Solid Start

SolidStart 是 SolidJS 的官方啟動框架。它提供模板來快速設定新的應用程式,包括內建伺服器端渲染、TypeScript 支援、Vite、Nitro 和 Router 等選項。它使使用SolidJS 構建和執行網站變得更簡單、更快捷。

Solid Start

UseMods

UseMods 為 JavaScript 提供了一系列實用功能。它包括用於常見任務的函式,如用於製作使用者友好格式數字的 formatNumber 函式、用於計算數字陣列的 sum 函式、用於求陣列平均值的 average 函式。總的來說,它是一個方便的庫,可以幫助你完成各種小任務和高效構建現代網路應用所需的函式,無論是在前端還是在 SSR 上。

UseMods

FilamentPHP Fabricator

Fabricator 是 FilamentPHP 的一個外掛,可幫助您在 Filament 應用程式中建立基於塊的動態頁面佈局。它允許您通過友好的使用者介面輕鬆建立和管理內容塊,無需大量技術技能即可輕鬆建立複雜的頁面或佈局。

FilamentPHP Fabricator

LM Studio

LM Studio 是一款桌面應用程式,用於在計算機本地執行 Llama、MPT 和 StarCoder 等大型語言模型(LLM)。它支援一些常見的人工智慧任務,如文字嵌入和伺服器端補全。它對使用者友好,可在 Windows、macOS 和 Linux 上執行。對於需要離線工作以保護隱私的人來說,這是一款合適的應用程式。請注意,您的電腦需要大量記憶體和快速的 CPU 才能有效執行這款應用程式。

LM Studio

MUI-X

MUI X 包含一系列高階 React 元件,如 DataGrid、Charts 以及 Date & Time Pickers。它可以幫助您高效地組織和顯示大量資料,並提供排序、篩選等選項,甚至還能讓您將資料匯出到 Excel。它是構建複雜資料驅動型應用程式的完美庫。

MUI-X

Typebox

TypeBox 是一個庫,可讓您為 TypeScript 型別檢查和執行時驗證(如 REST 和 RPC 服務中的資料驗證)建立 JSON 模式。這可確保您的資料結構在開發和生產過程中遵循定義的型別。

Typebox

Github Action Release

用於管理 Github 中釋出版本的 GitHub Action。它可在 Linux、Windows 和 macOS 環境中執行,可讓您輕鬆配置釋出的各種選項,如上傳檔案、新增發布說明等。通過該工具,可以更輕鬆地實現軟體釋出流程的自動化。

Github Action Release

Nest.js Boilerplate

NestJS Boilerplate 包括身份驗證、與 TypeORM 和 Mongoose 的資料庫整合(支援 PostgreSQL 和 MongoDB)、郵件功能和 i18n 等功能。它旨在簡化典型 NestJS 專案的開發過程,提供具有常用功能的即用型設定,讓您可以快速啟動並執行應用程式。

Nest.js Boilerplate

Taxonomy

Taxonomy 是使用 Next.js 開發應用程式的一個示例。它包括新的 /app 目錄、帶有佈局和巢狀佈局的高階路由、資料獲取和快取。該設定展示了 Next.js 的新功能和新結構,如果你想學習並在自己的專案中實現這些功能,它將是一個很好的資源。

Taxonomy

Relative Time Element

Relative Time Element 是由 Github 團隊構建的一個 Web 元件。它是標準 time 標籤的升級版。它將日期顯示為本地時間或相對時間,這樣使用者就能以自己的格式和時區看到日期。如果 JavaScript 關閉,原始日期仍會顯示。該工具可確保每個人都能看到正確的日期。

Relative Time Element

Dokku

Dokku 是 Heroku 的免費開源替代品,用於管理應用程式。你可以將其安裝在任何硬體上,並使用廉價的雲提供商來節省成本。你只需使用 Git 將應用程式推送到它,它們就會像在 Heroku 上一樣執行,只不過是在你自己的伺服器上。

Dokku

Coolify

Coolify 是 Heroku、Netlify 和 Vercel 的自託管替代產品。它支援多種程式語言,允許你在任何伺服器(如 VPS、Raspberry Pi 或 EC2 和 DigitalOcean 等雲服務)上啟動各種應用程式。它可自動設定 SSL 證書,並與託管和自託管平臺(包括 GitHub、GitLab、Bitbucket 和 Gitea)進行 Git 整合。這使您的應用程式部署變得簡單,同時讓您對基礎設施有更多的控制權。

Coolify

Biome

Biome 是一款適用於網路專案的便捷工具。它具有快速的 JavaScript、TypeScript、JSX、JSON 格式化器和襯入器,並支援 97% 的 Prettier 功能。你可以輕鬆地將它與 VSCode 整合,使其能夠在你編寫程式碼時實時格式化和襯墊你的程式碼,幫助你提高程式碼質量。

Biome

GTS

GTS 由 Google 團隊開發,是 TypeScript 專案的工具集合。它集樣式指南、格式器和校對器於一身。你無需擔心配置問題。只需在專案中安裝它,然後執行 gts fix,你的程式碼就會變得乾淨整潔。它能幫助你及早發現錯誤,節省程式碼審查的時間。

GTS

LunarPHP

LunarPHP 是一個使用 Laravel 構建無頭電子商務平臺的開源軟體包。它包含管理商店所需的所有工具,從目錄到客戶和訂單,都在一個使用 Laravel Livewire 構建的時尚、可定製的管理區中進行。

LunarPHP

ArkUI

ArkUI 是一個用於建立可定製、可訪問的 UI 元件的庫。它可以與各種 JavaScript 框架配合使用,因此你可以將它與 React.js、Vue 或 Solid 配合使用。此外,所有元件開始時都沒有樣式,因此您可以將它們與您的設計完美匹配。

ArkUI

OpenAI Cookbook

OpenAI Cookbook 提供了使用 OpenAI API 完成一些常見任務的示例程式碼和指南。大多數示例使用 Python,但其原理可適用於任何語言。您可以使用一些可用的 SDK(如 openai-nodeopenai php)來應用它。

OpenAI Cookbook

FrameworkX

Framework X 讓 PHP 非同步程式設計變得簡單。它是一個快速、簡單的框架,專為建立反應式網路應用程式而設計,支援非同步和非阻塞執行。您可以將其託管在任何地方,甚至是共享主機上。

FrameworkX

UI Lib Picker

UI Lib Picker 是一款適用於 Vue 3 和 Nuxt 3 使用者的便捷工具。它提供了各種 UI 框架的概覽,簡化了選擇過程,讓你更容易選擇適合自己專案的框架。它包括 NuxtUI、PrimeVue 和 Vuetify 等流行的集合。

UI Lib Picker

評論留言