分享一些值得前端開發者收藏的 GitHub 庫

手邊有大量的資源，總是一件很棒的事。

身為一個碼農，我們需要專注於功能和最佳實踐，而不是一遍遍地編寫樣板程式碼。消除無用功，投入時間學習使用正確的工具或懂得使用有用的資源可以極大的幫助我們節省時間。

透過本篇文章，我們將會了解一些能夠極大的幫助我們提升WEB 開發技能的GitHub 函式庫，這些函式庫也會幫助你寫得更好的代碼。

Node.js Best Practices

#這個函式庫是一個很棒的地方，可以讓你隨時了解Node 世界，並在使用時了解最佳實踐。擁有 40k Star 和 133 位貢獻者，這個函式庫幾乎每天都有更新。

該函式庫對排名較高 Node.js 的最佳實踐進行了總結和整理，包括 Node.js Docker 最佳實踐。目前擁有超過80多種最佳實踐，風格指南和結構建議等。

一些常見的最佳做法包括：

• 更好地組織專案
• #錯誤處理實踐
• #程式碼風格實作
• 測試和整體品質實踐
• 進行生產實踐等等

點擊跳轉到倉庫

HTML5 Boilerplate

HTML5 Boilerplate 是一個專業的前端模板，用於建立快速、健全且適應性強的Web 應用程式或網站。

該專案是多年迭代開發和社區知識的產物。它沒有強加特定的開發理念或框架，所以你可按照自己的方式自由地建立程式碼。

包含像如下的預先定義功能：

• Normalize.css
• jQuery with CDN
##Apache Server Configs
• 有用的
• CSS 助手類別
預設樣式，效能優化等

根據你想要使用的內容以及使用方法，將所需檔案複製貼上到你的工程目錄裡即可。這樣就為你提供了一個配置好的模板，從而加快了開發速度。

點擊跳轉到倉庫

RealWorld

就掌握一個新框架的核心概念和意識形態並不是一件令人沮喪的事。

如果你沒有正確理解這個概念的話，你需要閱讀文檔，運行範例程式碼，拆解範例應用程式並將其重新組合在一起，在本地安裝

CLI 等等，它需要花費太多的經歷，令人沮喪。

RealWorld 允許你選擇任何前端（React,Angular2 等）和任何後端（Node , Django 等），並將它們整合在一起以查看應用程式的真實範例。

由於這些實作和技術堆疊相關，它們顯然不能混用，但它們仍然遵循相同的功能和UX規範。

一些常用整合實例：

Angular ngrx nx
• ClojureScript re-frame
• React / MobX
• #Go Gin
• NestJS TypeORM/Prisma

你可以在倉庫中找到無窮無盡的範例。盡情去尋找吧！

點選跳轉到倉庫

You Don't Know JS Yet

#這是一系列深入研究JavaScript

語言核心機制的書。

所有的書籍都是免費，你可以隨時在線上閱讀。 ###

作者建議閱讀的順序為：

• Get Started
• Scope & Closures
• Objects & Classes (尚未開始)
• # Types & Grammar (尚未開始)
• Sync & Async (還未開始)
• ES.Next & Beyond (尚未開始)

#點擊跳轉

到倉庫Airbnb JavaScript Guide

• 這是
• Airbnb
提供的非常精確和專業的風格指南。
• 本指南將透過深入基礎知識和程式碼片段來幫助你由深入淺地理解
• JavaScript
。
• 本指南涉及的一些熱門內容如下：

箭頭函數

#變數提升

解構

效能

測試點擊跳轉

到倉庫

Storybook

Storybook 是UI

元件的開發環境，它允許你瀏覽元件庫，查看每個元件的不同狀態，以及交互地開發和測試組件。

Storybook

在

app

之外運行，這允許你獨立開發

UI 元件，提高元件的重用性、測試性和開發速度。你可以快速構建，而不必擔心應用程式特定的依賴關係。 它附帶了一個CLI

和一些程式碼範例，供你熟悉

Storybook.點擊跳轉

到倉庫

Front-End-Checklist

#Front-End-Checklist

是一個詳盡的列表，列出了在網站或

HTML
• 頁面投入使用前所需要具備或測試的所有元素。
• 它是一個基於前端
Web
• 開發的倉庫，更關注效能、安全性和
SEO

等。

Front-End-Checklist

中的所有項目對於大多數工程都是必須的，但其中有些元素可以省略。

包括：

文件或文章

線上工具/測試工具

媒體或影片內容

點擊跳轉

到倉庫

靈感和資源這篇文章的令該來自Tech Sapien

和他所有令人驚嘆的工作。庫中的圖片?? 也是取自同一處。

總結上面提到的所有的函式庫並不是唯一可用的資源，除此之外我敢肯定還有大量的令人驚嘆的項目。這些是其中一些我覺得很有用的資源，同時我自己也常常沉浸其中。

不要忘了給這些函式庫點 Star。以感謝所有優秀的貢獻者，感謝他們為我們創造瞭如此有用的資源

############英文原文網址：https://dev.to/sayanide/best-github-repos-for-web-developers-9id############如果有翻譯的不對的地方，請多多指正，希望有所幫助。 ############教學推薦：《###Git教學###》###

以上是分享一些值得前端開發者收藏的 GitHub 庫的詳細內容。更多資訊請關注PHP中文網其他相關文章！