DEV的年度热文，看完感觉不错，所以翻译出来供大家参考。个人水平有限，文章中可能存在一些翻译错误，大家可以在评论区指正。本文共涉及9个流行的框架/库。没有具体介绍如何使用它们，但是给出了一些很棒的实用教程。初学者（可能一些有经验的开发者也是这样）在看了官方文档之后，想写一个项目练练手，不知道该做什么项目，或者有想法，但是无从下手。那么这篇文章将会对你有很大的帮助。指南无论您是编程新手还是经验丰富的开发人员。在这个行业里，我们要时刻学习新的概念和新的语言或框架，才能跟上快速的变化。以React为例——FaceBook在四年前将其开源，如今已成为全球JS开发者的首选。但与此同时，Vue和Angular也有追求者。然后是Svelte、Next和Nuxt.js、Gatsby、Gridsome、quasar等。如果你想成为一名专业的JavaScript开发者，你需要在使用你熟悉的框架的同时，对不同的框架和库有一定的了解。学习。为了帮助你在2020年成为一名前端高手，我收集了9个使用不同JS框架/库的项目，你可以构建或添加到你未来的发展计划中。请记住，没有什么比实际开发一个项目更有帮助了。因此，请毫不犹豫地尝试开发它。1.使用React构建一个电影搜索应用程序（带钩子）首先，您可以使用React构建一个电影搜索应用程序。展示如下：你会学到什么？构建这个项目，你可以使用更新的HookAPI来提高你的React技能。示例项目使用了React组件，许多钩子和一些外部API，当然还有一些CSS样式。技术栈/点React(Hooks)create-react-appJSXCSS你可以在这里看到这个示例项目：https://www.freecodecamp.org/...2.用Vue构建一个聊天应用另一个介绍Awesomeprojectforyou是一个使用Vue构建的聊天应用程序。方法如下：你会学到什么？您将学习如何从头开始设置Vue应用程序、创建组件、处理状态、创建路由、连接到第三方服务，甚至处理身份验证。Gridsome和Gatsby都使用GraphQL作为数据层，但Gridsome使用VueJS。这也是一个很棒的静态站点生成器，可以帮助您创建很棒的博客：您将学到什么？这个项目将教你如何使用Gridsome、GraphQL和Markdown构建一个简单的博客，它还包括如何使用Netlify部署应用程序。TechStack/PointGridsomeVueGraphQLMarkdownNetlify当然，这不是最全面的教程，但它涵盖了Gridsome和Markdown的基本概念，可能是一个很好的起点。https://www.telerik.com/blogs...9.使用Quasar构建类似SoundCloud的音频播放器Quasar是另一个Vue框架，也可用于构建移动应用程序。在此项目中，您将创建一个音频播放器应用程序，如下所示：您将学到什么？相当多的项目专注于Web应用程序，但这个项目展示了如何通过Quasar框架创建移动应用程序。你应该有一个工作的Cordova设置，配置了androidstudio/xcode。如果没有，在教程中有一个指向quasar网站的链接，您可以在其中学习如何设置它。技术栈/点QuasarVueCordovaWavesurferUIComponents一个小项目，展示了Quasar在构建移动应用程序方面的强大功能：https://www.learningsomething...总结本文展示了9个你可以构建的项目，每个项目专注于一个JavaScript框架或库。现在，您可以自己决定：使用您以前从未使用过的框架尝试一些新的东西，或者通过做一个项目来提高您现有的技能，或者在2020年完成所有项目？
