发布于 2026-01-06 3 阅读
0

25+ 个面向前端开发者的优秀代码库 什么是 GitHub 上的优秀代码库? Javascript ReactJS Angular Vue 样式 其他 结语 由 Mux 呈现的 DEV 全球项目展示挑战赛:展示你的项目!

25+ 个面向前端开发人员的优秀代码库

GitHub 上什么是优秀的代码仓库?

Javascript

ReactJS

维尤

造型

其他

结语

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

今天我整理了一份面向 Web 开发人员的终极优秀代码库列表。

GitHub 上什么是优秀的代码仓库?

一个优秀的知识库是关于某一技术主题的工具、库和其他信息的集合。

替代文字

每个代码仓库都包含数十甚至数百个指向教程、软件包和库的链接,因此您可以在那里找到所需的一切。
此外,每个代码仓库都按主题和章节进行划分,方便阅读和浏览。

请查看以下最受欢迎和最有用的代码库。

Javascript

awesome-javascript是一个包含各种优秀的浏览器端 JavaScript 库、资源和炫酷功能的集合。

awesome-nodejs - ⚡ 令人愉悦的 Node.js 包和资源

awesome-standard - 记录 JavaScript 标准风格生态系统中软件包的爆炸式增长!

awesome-promises - JavaScript Promises 相关实用资源列表。这里包含大量面向初学者和高级开发者的信息。

jstips - 这是一个很棒的项目,提供简短而实用的 JavaScript 技巧,帮助您提高代码编写能力。

es6-tools - 一个用于当前 ES6 使用的工具集合。对于学习 JavaScript 的人来说,这是一个不可或缺的仓库。

ReactJS

awesome-react - 一个关于 React 生态系统的精彩事物的集合。

awesome-react-components - React 组件和库的终极列表。

awesome-react-hooks - React 最受欢迎的功能之一就是 Hooks。这里有大量即用型 Hooks 集合和丰富的教程。

awesome-nextjs - 精选的优质资源列表:关于使用 Next.js(一个用于通用服务器端渲染 React 应用程序的极简框架)的书籍、视频和文章

awesome-react-native - 超棒的 React Native 组件、新闻、工具和学习资料!

awesome-redux - 非常棒的 Redux 示例和中间件列表

awesome-material-ui - Material-UI 是一个 React 组件库,旨在让 Web 开发更快捷、更轻松。它遵循 Google 的 Material Design 设计规范。以下是 Material-UI 相关资源和项目的列表。

awesome-ant-design - 令人惊叹的 Ant Design UI 工具包资源

awesome-angular - 一个包含大量 Angular 教程和资源的列表

awesome-angular-components - Angular 2+ 组件和库目录

维尤

awesome-vue - 一个精选的与 Vue.js 相关的精彩内容列表

awesome-nuxt - 一个精选的与 Nuxt.js 相关的精彩内容列表。Nuxt.js
是一个用于创建通用 Vue.js 应用程序的框架。

造型

awesome-css - 本文档精选了用于编写出色 CSS 的框架、样式指南和实用技巧。它不包含学习 CSS 的资源。

awesome-flexbox - 精选的 CSS 弹性盒布局模块列表,或仅限 Flexbox。

BEM资源——每个人都喜欢在开发过程中运用BEM。这里只是资源列表的开头部分,希望未来能提供更多资源。

awesome-postcss - 精选的 PostCSS 资源及其他相关内容列表。

awesome-sass - 一个很棒的 Sass 和 SCSS 框架、库、样式指南、文章和资源的列表。

awesome-tailwindcss - 与强大的 Tailwind CSS 相关的精彩内容。今年 Tailwind CSS 库非常流行,所以你应该关注一下。

其他

awesome-html5 - 精选的优秀 HTML5 资源列表

webcomponents-the-right-way - Web Components 是一套不同的技术,允许您创建可重用的自定义元素(其功能与代码的其他部分隔离),并在您的 Web 应用程序中使用它们。

awesome-webpack ——Webpack 接收带有依赖关系的模块,并生成代表这些模块的静态资源。这里有关于这个工具你需要知道的一切。

结语

总之,在上面的代码库中,你可以找到上千个链接和工具,它们将对你的前端职业生涯大有裨益。记得收藏起来,以备将来使用!

如果你知道其他很棒的代码库,请在评论区留言。

在那里,您将获得更多知识和经验:

文章来源:https://dev.to/sakhnyuk/25-awesome-repo-for-frontend-developers-4ll7