原文地址: dev.to/sayanide/be…
常常会有小伙伴让引荐好的代码库，最近看到了这篇文章，都是十分棒的代码库，供得大家学习参阅。
手头有大量的资源总是一件; 4 2 | B 4 j _很棒的事。
作为一个码农，我们需求专心于功用和最佳实践，而不是一遍遍地编写样板代码。消除无用功，投入时间学习运用正确的东西或许懂得运用有用的资源可以极大的帮忙我们节约时间。
经过本篇文章，我们将会了解6 j + R * w _ y v一些可以极大的帮忙我们提n v U 3 g F m h .高 WEB 开发技术的 GitHub 库，这些库也会帮忙你编写更好的代码。
Node.js Bes_ 8 Y w A A n ct Practices
这个库是一个很棒的地方，可以让你随时了解 Node 世界，并在运用时了解最佳实践。具有 40k Star` H ( U 和 133 位贡献者，这个库几乎每天都有更新。
该库对排名较高 Node.js 的最佳实践进行, v 6 E _ y b了总结和收拾，包括 Node.js + Docker$ G u L U _ 最佳实践。目前具有逾越80多种最佳实践，风格攻略和结构主张等。
一些常见的最佳做法包T 2 5 ] % U (含：
- 更好地组织项目
- 错误处理实践
- 代码风格实践
- 检验和整体质量实践
- 进行生产实践等等
点击跳转到仓库
HTML5 Boilerplate
HTML5 Boilerplate 是一个专业的前端模f u ] Z 5 = –板，用于构T L ] v j s建快速、强健和适应性强的 Web 应用程序或许网站。
该项目是多年迭代B g Y ~ ! y T f (开发和社区知识的产物。它没有强加特定的开发理念或许结构，所以你可按照自己的方法自由地构建代码。
包括像如下的预界说功用：
- Normalize.css
- jQue, – pry wi. # th CDN
- Apache Server Configs
- 有用的
CSS帮手类 - 默许样式，功用优化等
依据你想要用的内容以及运用方法，将所需文件复制粘贴到你的工程目录里即可。这样就为你供给了一个装备好的模板，然后加快了开发速度。
点击跳转到仓库
RealWorld
把握一个新结构的中心概念和意识形态并不是一件令人沮丧的工作。Y s , I q k e O a
假如你没有正确了解这个概念的L g t a话，你需求阅览文档，运转示例代码，拆解示例应用程序并将其重新组合在一起，在本地安装 CLI 等等，它需求花费太多的阅历，令人沮丧。
RealWorld 答应你选择任何前端（React,Angular2 等）和任何后端（Node , Django 等），并将它们集成在一起以查看应用程序的实在示例。
由j D 5 Z A x W ? 5于这些实现和技术栈相, [ = N 8 l关，它们明显不能混用，但它们仍然遵从相同的功用和UX规范。
一h 4 t些常用集成实例：
- Angular + ngrx + nx
- ClojureScrt m mipt + re-; ^ ! Vframe
- React / MobX
- Go + Gin
- NestJS + TypeORM/Pris# e Wma
你可以在仓库中找到无穷无尽的示例。尽情! 1 a去寻找吧！
点击跳转到仓库
Yo# = E P | x $u Donc ~ * `‘t Know JS Yet
这是一系列深化研讨v T h ; 4 G Jav# % # ( raScript 言语中心机制的书本。
全部的书本均G * y , r b m V为免费，你J % M # #可以随时在线阅览。
作者主张阅览的顺序为：
- Get Started
- Scope & Closures
- Objects & Classes (还未初步)
- Types & Grammar (还未初步)
- Sync & Async (还未初步)
- ES.Next & Beyond (还未初步)
点击0 $ A跳转到仓库
Airbnb JavaScript Guide
这是 Airbnb 供给的十分准确和专业的风格攻略。
本攻略将经过深化基础知识和代码片段来帮忙你由深化浅地了解 JavaScript。
本_ , :攻略触及的一些抢手内容如下5 | Y 2 f：
- 箭头函数
- 变量进步
- 解构
- 注释
- 功用
- 检验
点击跳转到仓库
Storybook
StorybookW { # T 1 * # $ 是 UI 组件的开发环境，它答应你阅览组件库，查看每个组件的不同状况，以及交互地开发和检验组件。
Storybook 在 app 之外运转，这答应你独立开发 UI 组件，进步组件的重用性、检验性和开发速度。你可以快速构建，而不必担心应用程序特定的依靠V t b @联系` N ` G h J R 。
它b G o s * m附带了一个 CLI 和一些代码示例，供你熟悉 Storybook.
点击跳转到仓库
Front-End-Chec( [ 5 , * D l T bklist
Front-End-Checklist 是一个翔实的列表，列出了在网站或许 HTML 页面投入运用前所需求+ F 4 k O & j k具备或许检验的全部元素。
它是一个依据前端 Web 开发的仓库，更注重功用、安全性和 SEO 等。
Front-End-Checklist 中的5 k #全部项目关于大多S N I p 1 A I N u数工程都是有必要的，但其间有些元素可以省略。
包括：
- 文档或许文章
- 在线东N r – _ # 8西/检验东西* r 6
- 媒体或许视频内容
点击跳& q / } + u 6转到仓库
创意和资源
这篇文章的令该来源于 Tech Sapien 和他全部f { l Y r R L A 6令人惊叹的工作。库中的图片 也是取自同一处。
总结
上面提到的全部的库并不是仅有可用的资源，除此之外我敢肯定还有大量的令人惊叹的项目。这些是其间一些我觉得很有用的资源，I c 5 L同时我自己也常常沉溺其间。
不要忘了给这些库点 Star。以感谢全部超卓的贡献者，感谢他们为我们创造了如此有用& P [ d D L B _ ^的资源✌
最终：
假如有翻译的不对的地方，请多多纠正，期望有所帮忙。
给本文点: – D赞/点个Star鼓舞O v O b s !我： github.com/YvetteLau/B…
注重大众号，参加技术交流群
