2021 年作为 MERN Stack 开发人员我将学习的技术（附资源）

嗨，开发者社区！

2020 年对我来说是学习的一年，我相信，对很多自学成才的开发者来说，情况也是如此。从 React 到 Redux，2020 年将我塑造成了一名全栈开发者，而这正是我所热衷的。

展望未来，我决定在 2021 年学习以下技术。虽然这不是你应该学习的“十大”技术清单，但这只是我的看法。话虽如此，请随时分享你的意见或建议新技术。我还留下了一些免费资源的链接，用于学习我所讨论的所有技术。好了，闲话少叙。让我们深入探讨正题。

TypeScript

2020 年，我最庆幸的一件事是能够构建大型项目，以至于跟进不断出现的 bug 和潜在问题变得有些乏味。TypeScript 来了！我听到很多人称赞 TypeScript 恰好解决了这个问题。由于它也在很多生产级项目中使用，我认为没有理由避免使用 TypeScript。

入门资源：
YouTube 上 Academind 的 TypeScript 教程
YouTube 上 The Net Ninja 的 TypeScript 播放列表

React-Query

我对这个很感兴趣。那么你可能会问，react-query 到底是什么？它是一个 NPM 包，可以用来异步从 API 获取数据。这是我能想到的最简单的解释。但是，Redux 和 Axios 不是也能做到吗？没错，而且 react-query 还附带自动缓存、垃圾回收、无限滚动等等功能！它绝对可以用来提升开发者体验和性能。顺便说一句，如果你使用 Redux，不妨看看Redux Toolkit。

入门资源：
YouTube 上 The Net Ninja 的 React Query Playlist
YouTube 上 Justim Kim 的 Redux Toolkit

Tailwind CSS

我以前用过 Bootstrap、Materialize CSS 和 Bulma。但不知为何，Tailwind CSS 仍然让我兴奋不已。我听说过很多关于它的好话，也见过一些用它构建的令人惊叹的网站。我知道它和其他 CSS 框架略有不同，但这正是它的乐趣所在。至于 React 方面，我还想进一步探索一下Material UI 。

入门资源：
YouTube 上 Brad Traversy 的 Tailwind CSS 速成课程
YouTube 上 codedamn 的 Tailwind CSS 2.0 速成课程
YouTube 上 The Net Ninja 的 Tailwind CSS 播放列表

NextJS

Next 太棒了！我在 2020 年底左右试用了一段时间，我觉得没有理由不把它用在自己的项目中。如果你是 React 开发者，学习曲线相当平滑。它带来的好处，例如服务器端渲染和自动图像优化，都让它非常值得学习。强烈推荐给所有 React 开发者。

入门资源：
Mehul Mohan 在 codedamn 上讲解的 Next.js 基础知识
Bruno Antunes 在 YouTube 上讲解的 Next.js 播放列表

GraphQL

GraphQL 是一种用于从 API 中获取数据的查询语言。它的优点在于能够精确地处理请求，并在单个请求中获取多个资源，从而节省了我们向 API 服务器发出的多次请求，并提高了性能。到目前为止，我只使用 REST API，并且非常期待看到 GraphQL 如何改进我未来的项目。

入门资源：
YouTube 上由 Web Dev Simplified 提供的“学习 GraphQL”
YouTube 上由 The Net Ninja 提供的“GraphQL 播放列表”

PostgreSQL

PostgreSQL，或者说 SQL 数据库，是我很久以来一直想尝试的。我之前的所有项目都用 MongoDB 来处理数据库需求。我欣赏 NoSQL 数据库的自由，但 SQL 数据库也被广泛使用，在某些情况下可能是更好的选择。精通 SQL 和 SQL 数据库将是我今年的首要任务之一。

入门资源：
YouTube 上 FreeCodeCamp 的 PostgreSQL 教程

笑话

Jest 是一个 JavaScript 测试框架，可用于测试 Node、React、Angular、Vue、TypeScript 和其他 JavaScript 代码。我目前不太热衷于测试，但它是一项至关重要的技能，尤其是在大型项目中，它可以区分出不同的程序员。我还没有深入研究过 Jest，但从我有限的研究来看，它的目标正是我想要的。

入门资源：
YouTube 上 Brad Traversy 的 Jest Crash Course
YouTube 上 Web Dev Simplified 的 Jest Introduction

高级 JavaScript

等等，什么？JavaScript？嗯，是又不是。高级 JavaScript 概念，例如 V8 引擎、闭包、提升、事件循环、线程、绑定等等。MERN 技术栈完全由 JavaScript 构成，所以掌握 JavaScript 很有必要，对吧？人们在初学 JS 时往往会忽略上述主题，这很正常。不过，偶尔回到纯 JavaScript 来学习这些主题也是不错的选择。

入门资源：
Andrei Neagoie 在 Udemy 上撰写的《高级 JavaScript 概念》（付费）

反应原生

网站很棒，这毋庸置疑！但应用程序的易用性使其成为一项值得学习的宝贵技能。我个人认为，如果在网站上有一个移动应用程序，我的项目就能获得更多用户。React Native 似乎是一个不错的选择，因为我已经了解 React，而且代码复用能给我带来巨大的好处。如果你更喜欢 Dart，也可以选择 Flutter，它使用 Dart 语言。

入门资源：
YouTube 上 Brad Traversy 的 React Native 速成课程
YouTube 上 Academind 的 React Native 教程
YouTube 上 The Net Ninja 的 React Native 播放列表

一些值得一提的

• 无服务器技术（例如 AWS）
• 帧运动
• GSAP
• HTML画布
• 用户界面/用户体验
• Docker 和 Kubernetes

这就是今年要学习的技术清单。我也想看看你的！如果你想分享你的想法，欢迎留言。感谢阅读！