🚀GitHub 上面向 Web 开发者的 10 个热门项目 - 2021 年 1 月 15 日 📊 指标 React 开发者路线图 JavaScript 问题 节点RED es6-cheatsheet 介绍 《Trending Projects》以每周简讯形式提供，请在www.iainfreestone.com 上注册， 以确保您不会错过任何一期。
1. React Boilerplate 与 CRA 的结合 React Boilerplate 官方的 Create React App 模板。使用 React Boilerplate 设置 Create React App。高度可扩展、最佳 DX、注重性能、最佳实践
🔥 使用 React Boilerplate 设置创建 React 应用。高度可扩展、最佳 DX、注重性能、最佳实践。
专为高度可扩展 、 高性能 且 易于维护的 React.js 应用程序 而设计 ，专注于 最佳 DX 和 最佳实践
React Boilerplate 的 官方 Create React App模板 discontinued
create-react-app使用为您准备的最佳、行业标准的工具和实践，在几秒钟内 开始您的项目。
📚 文档： Gitbook
🎨 查看示例应用程序： 演示功能
📂 在 VS Code 中浏览：
📦软件包： npm
安装并启动
⚠️ 建议 使用 Yarn 包管理器 npm。
使用模板创建 React App
yarn create react-app --template cra-template-rb my-app
Enter fullscreen mode
Exit fullscreen mode
如果您愿意，请启动并检查我们的示例应用程序
cd my-app
yarn start
Enter fullscreen mode
Exit fullscreen mode
删除示例应用程序以启动您的项目！
yarn cleanAndSetup
Enter fullscreen mode
Exit fullscreen mode
特征
该项目 并非 框架、UI 组件库或设计系统。此模板的唯一目的是帮助您使用可靠的工具堆栈启动 CRA 应用程序……
2.统一 Unform 是一个专注于性能的库，它可以帮助您利用不受控制的组件性能和 React Hooks 的强大功能在 ReactJS 和 React Native 中创建漂亮的表单。
轻松实现高度可扩展的 ReactJS 和 React Native 表单！🚀
概述 Unform 是一个注重性能的 API，用于为 React 和 React Native 创建强大的表单体验。使用钩子，您可以基于高度可扩展的组件构建轻量级且可组合的表单。它可以与任何表单库集成，验证您的字段，并让您的数据开箱即用。
想要在使用 Unform 之前先测试一下吗？
ps：不适用于 React Native Web 或 Expo Web，请使用 Expo Snack 中的 iOS/Android 设备。
需要幫助嗎？ 我们正在使用 GitHub Discussions 围绕 Unform 展开讨论。这是一个让社区成员就想法、疑问、问题和建议相互交流的地方。
路线图 如果您觉得 Unform 目前没有某个很棒的功能，请务必查看 路线图 ，看看未来是否已计划添加该功能。否则，我们建议……
3. 指标 生成可嵌入到任何地方的指标，包括您的 GitHub 个人资料自述文件！一个包含 20 多个 GitHub 帐户指标的图片生成器，例如活动、社区、代码库、编码习惯、网站性能、播放的音乐、加星标的主题等等，您可以将它们放在您的个人资料或其他地方！
📊 一个信息图表生成器，具有 30 多个插件和 300 多个选项，可显示有关您的 GitHub 帐户的统计信息并将其呈现为 SVG、Markdown、PDF 或 JSON！
📊 指标
生成可嵌入任何地方的指标，包括你的 GitHub 个人资料自述文件！支持用户、组织甚至代码库！
…
4. React 开发者路线图 成为 React 开发者的路线图。这张图表的作用是“作为 React 开发者，我下一步应该学习什么？”
React 开发者路线图 中文自述文件
日语自述文件
韩语自述文件
葡萄牙语（巴西）自述文件
俄语自述文件
西班牙语自述文件
2019 年成为 React 开发人员的路线图：
下面这张图表展示了成为 React 开发者可以选择的学习路径以及需要学习的库。我制作这张图表是为了给所有问我“作为 React 开发者，我下一步应该学什么？”的人提供一些建议。
免责声明
本路线图旨在帮助您了解行业概况。如果您对下一步学习什么感到困惑，路线图会为您提供指导，而不是鼓励您选择那些时髦和流行的。您应该了解为什么某种工具在某些情况下比另一种更适合，并且记住，时髦和流行并不总是意味着最适合……
5. JavaScript 问题 一长串（高级）JavaScript 问题及其解释。
一长串（高级）JavaScript 问题及其解释✨
JavaScript 问题
笔记
此代码库创建于 2019 年，因此此处提供的问题基于当时的 JavaScript 语法和行为。由于 JavaScript 是一门不断发展的语言，因此此处的问题并未涵盖一些较新的语言特性。
从基础到高级：测试你对 JavaScript 的掌握程度，稍微复习一下知识，或者为编程面试做准备！💪 🚀 我会定期更新这个 repo，添加新问题。答案都放在了问题下方的**折叠部分**里，点击即可展开。纯属娱乐，祝你好运！❤️
欢迎随时联系我！😊
Instagram || Twitter || LinkedIn || 博客
欢迎在项目中随意使用它们！😃 非常 感谢 大家对这个代码库的引用，我创建了问题和解释（是的，我很难过，哈哈），社区也帮助了我。
…
6. Node-RED 事件驱动型应用程序的低代码编程。Node-RED 是一款编程工具，用于以新颖有趣的方式将硬件设备、API 和在线服务连接在一起。
7. es6-cheatsheet 一份包含 ES2015 [ES6] 提示、技巧、最佳实践和代码片段示例的备忘单，可用于您的日常工作流程。
ES2015 [ES6] 速查表，包含提示、技巧、最佳实践和代码片段
es6-cheatsheet 一份包含 ES2015 [ES6] 技巧、窍门、最佳实践和代码片段示例的速查表，助您轻松上手。欢迎贡献！
目录
var 与 let / const
此外 var，我们现在可以使用两个新的标识符来存储值—— let和 const。与 不同 var， let和 const语句不会被提升到其封闭范围的顶部。
使用示例 var：
var snack = 'Meow Mix' ;
function getFood ( food ) {
if ( food ) {
var snack = 'Friskies' ;
return snack ;
}
return snack ;
}
getFood ( false ) ; // undefined
Enter fullscreen mode
Exit fullscreen mode
var但是，观察当我们使用以下方法 替换时会发生什么 let：
let snack = …
Enter fullscreen mode
Exit fullscreen mode
8. 建造者 使用代码组件进行拖放式页面构建。让您的设计系统焕发生机！
React、Vue、Svelte、Qwik 等的可视化开发
9. React Diagrams 一个用 React 编写的超级简单、实用的图表库，可以直接使用
一个用 React 编写的超级简单、实用的图表库，可以直接使用
10. 材料仪表板 Material Dashboard - 开源 Bootstrap 4 Material Design 管理员
Material Dashboard - 开源 Bootstrap 5 Material Design 管理员
Material Dashboard 是一款免费的 Material Bootstrap 管理界面，其全新设计灵感源自 Google 的 Material Design。我们非常高兴地通过一套易于使用且美观的组件来展现我们对 Material Design 概念的理解。Material Dashboard 基于流行的 Bootstrap 框架构建，并附带一些经过重新设计的第三方插件，以与其他元素完美契合。
Material Dashboard 巧妙地运用了光线、表面和动感元素。整体布局如同多层纸张，层次感和层次感清晰可见。导航主要集中在左侧边栏，内容则位于主面板的右侧。
这款产品源于我们成功发布 Material Kit 后，用户提出的 Material 仪表盘需求。我们根据大家的反馈开发了它，它是一款……
《Trending Projects》以每周简讯形式提供，请在www.iainfreestone.com 上注册， 以确保您不会错过任何一期。
如果您喜欢这篇文章，您可以在 Twitter 上 关注我 ，我会定期发布与 HTML、CSS 和 JavaScript 相关的简短技巧。
鏂囩珷鏉ユ簮锛�https://dev.to/iainfreestone/10-trending-projects-on-github-for-web-developers-15th-january-2021-2ffn 
