这些热门 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-...

最后：

若是有翻译的不对的地方，请多多指正，但愿有所帮助。