阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!

我有時會想,我們每天所用的東西造就了我們。因此,您的工具越好,您作為專家的價值就越大。

在本文中,我準備了 10 個有趣的服務和模組的列表,它們將幫助您提高工作效率並讓您的生活變得更加輕鬆。

好吧,讓我們開始吧! 🏎️


1.🐜HMPL.js - 用於從伺服器到客戶端顯示 UI 的小型模板語言

讓我們從這個模組開始。首先,它有助於使您的應用程式面向伺服器,並且體積也顯著縮小。

它基於透過 fetch 發送到伺服器並處理成現成的 HTML 的可自訂請求。該語言在語法上基於區塊,並與 JSON5 和 DOMPurify 整合。

寶石 1

https://github.com/hmpl-language/hmpl 💎 看 HMPL


2.🖋️ Appwrite - 像數百人的團隊一樣建置

對於開發人員來說,這是一個非常有用的終極平台,它具有許多與資料庫、其他開發人員之間的連接等相關的功能。該平台被 Tik Tok、雀巢、蘋果等巨頭使用。但即使只有一名開發人員也可以處理它並製作出高品質的產品。

Appwrite 是一個用於開發 Web、行動和 Flutter 應用程式的後端平台。與開源社群共同建置,並針對您喜愛的編碼語言的開發人員體驗進行最佳化。

寶石 2

https://github.com/appwrite/appwrite 💎 查看 Appwrite


  1. 🦕 Deno - JavaScript 和 TypeScript 的現代執行時

如果您對通過節點執行檔案的速度不滿意,並且正在考慮如何節省時間,那麼 deno 是一個很好的、久經考驗的選擇。許多人沒有想到,但 Node 並不是萬能的。您的文件可以在其他環境中執行。例如: $ deno test server_test.ts

Deno 是一個 JavaScript、TypeScript 和 WebAssembly 執行時,具有安全的預設值和出色的開發人員體驗。它基於 V8、Rust 和 Tokio 建置。

寶石 3

https://github.com/denoland/deno 💎 看 Deno


4.👾 Godot - 免費開源 2D 和 3D 遊戲引擎

像 Unity 或 Unreal Engine 這樣的真正傳奇的遊戲引擎。如果你是遊戲開發者,你應該知道這個專案。從大學的寵物專案到價值數百萬美元的遊戲——它應有盡有。

Godot Engine 是一款功能豐富的跨平台遊戲引擎,可透過統一介面建立 2D 和 3D 遊戲。它提供了一套全面的常用工具,讓使用者可以專注於製作遊戲,而不必重新發明輪子。

寶石 4

https://github.com/godotengine/godot 💎 查看 Godot


  1. ⚙️ Autoprefixer - 解析 CSS 並按 Can I Use 為規則新增供應商前綴

數以百萬計的人在專案中安裝了這個環境模組,在配置中配置然後就忘了它,或者只是從網路上下載現成的模板,但都是徒勞的,因為事實上,適應不同瀏覽器的佈局問題在 10 年前就非常嚴重。現在一切都很方便,但當時人們手動編寫特殊結構,如-webkit--ms-等。

PostCSS 外掛程式用於解析 CSS 並使用來自 Can I Use 的值將供應商前綴新增至 CSS 規則。

寶石 5

https://github.com/postcss/autoprefixer 💎 查看 Autoprefixer


  1. ✉️ Postiz - 終極社群媒體調度工具,擁有大量人工智慧

管理您的社交網路的終極服務。您可以在那裡連接所有流行的網路並在一個地方管理它們。

Postiz 提供您管理社群媒體貼文所需的一切,

建立受眾、獲取潛在客戶並發展您的業務。

寶石 6

https://github.com/gitroomhq/postiz-app 💎 看 Postiz


  1. Turborepo - 針對 JavaScript 和 TypeScript 優化的建置系統,用 Rust 寫

WebPack 的後繼者(因為它們來自同一個建立者),它在 Next.js 中使用。事實上,它現在是整個網路的主要模組收集器。在 15 版本中,它得到了相當大的改進。

Turborepo 是一個用 Rust 編寫的適用於 JavaScript 和 TypeScript 程式碼庫的高效能建置系統。

寶石 7

https://github.com/vercel/turborepo 💎 看 Turborepo


8.🗄️ Nx - 建置系統,針對單一儲存庫進行了最佳化,具有 AI 驅動的架構感知和進階 CI 功能

如果你懶得在 GitLab 上建立 10 個不同的專案,而是想要一個,但又能正常進行,那麼 Nx 是一個很好的解決方案。有時候,當你在一個小團隊甚至一個人做某事時,根本沒有實力在 CI/CD 框架內開發所有內容,或者沒有 DevOps 的預算來解決所有這些問題,這個選擇就恰到好處。

Nx Cloud 直接連接到您現有的 CI 設置,透過利用遠端快取、跨多台機器的任務分配、自動化 e2e 測試分割和自動化任務不穩定性偵測,幫助您在 CI 上擴展 monorepos

寶石 8

https://github.com/nrwl/nx 💎 查看 Nx


  1. 🪨 Medusa-全球最靈活的商業平台

如果您熟悉 WordPress,當您在自由職業平台上花幾百美元做過某事時,比如說,開設吸塵器商店並使用 WooCommerce,那麼這個平台對您來說會很熟悉。唯一需要注意的是,它必須具備 SaaS 平台的全部功能和現代化功能。

Medusa 是一個電子商務平台,具有內建的客製化框架,可讓您建立自訂商務應用程式,而無需重新設計核心商務邏輯。此框架和模組可用於建立高級 B2B 或 DTC 電子商務商店、市場、PoS 系統、服務業務或任何需要基礎商務原語的產品。所有商務模組都是開源的,可以在 npm 上免費取得。

寶石9

https://github.com/medusajs/medusa 💎 看 Medusa


  1. 📗 Storybook - 用於獨立建置、記錄和測試 UI 元件的業界標準研討會

好吧,最後,當然,如果沒有它我們會怎麼樣?任何嚴肅的專案都不可能不先在 StoryBook 中製作一個元件,然後再將其實現到專案中。

Storybook 隨附許多用於元件設計、文件、測試、互動等的插件。 Storybook 的 API 使得以各種方式配置和擴充功能成為可能。它甚至已經擴展以支援行動端的 React Native、Android、iOS 和 Flutter 開發。

寶石 10

https://github.com/storybookjs/storybook 💎 看 Storybook


結論

這個清單顯然很小,但我嘗試選取一些常見的東西。無論您從事哪個程式設計領域,遊戲開發還是 Web 開發,您都可以使用這些經過驗證的工具成為真正的終極開發人員!


非常感謝您閱讀這篇文章❤️!

您還使用哪些其他開源工具?知道這一點一定很有趣!

PS 另外,別忘了幫我並給 HMPL 加星號!

https://github.com/hmpl-language/hmpl 星標 HMPL


原文出處:https://dev.to/anthonymax/10-open-source-gems-to-become-the-ultimate-developer-59k0

按讚的人:

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!