后端开发教程 - Java、Spring Boot 实战 - msg200.com
你现在不需要学习 ReactJS
现在，这篇文章并不是试图阻止你学习和使用 React 以及其他相关库和框架（例如 VueJS）。相反，它旨在帮助你理解什么是 React，何时需要学习它，以及学习它需要什么。
所以这篇文章将帮助你在合适的时机学习和使用 React。我还将提供一些实用的免费课程/速成课程来帮助你学习 React。让我们开始吧。
- 什么是 React
- 为什么 React 很重要
- 何时学习 React
- 如何学习 React
- 何时使用 React
什么是 React？
React是一个流行的 JavaScript 库，用于构建用户界面和单页应用程序。
使用 React，可以使用和重复使用一组预先编写的代码片段来执行常见的 JavaScript 功能。
也就是说，React 允许我们创建可重用的 UI 组件。这些组件构成了我们的网站。
Twitter 上的推文部分就是一个可重用 UI 组件的例子。请看下图。
Twitter 只是为这个部分创建了一个组件，并将其用于应用中的所有推文。Twitter 在其 Web 应用中使用了 React。
但是你可能会问，如果 React 用于构建单页面，那么 Twitter 怎么会有多个页面呢？
嗯，有维护的支持包和库，可以使用 React 构建像 Twitter 这样的具有多个页面的复杂应用程序。
虽然有些人仍在使用支持包，但其他人已经移植到使用Next和Remix等 React 框架来构建简单和复杂的应用程序。
你可能会说，这又是一个在 React 之上需要学习的框架。但相信我，它们其实很容易学习。不过，我们不会再深入讨论它们，因为这超出了本文的讨论范围。
为什么 React 很重要——它在 Web 开发中扮演什么角色？
在过去的几年中，React 在创建交互式 Web 应用程序方面发挥了非常重要的作用，并且今天仍然非常重要。
如果您是一位有抱负的前端开发人员或全栈 Web 开发人员，想要为公司工作，或者只是作为自由职业者或初创公司创建 Web 应用程序，那么您需要 React。
Web 应用程序与网站不同。你不需要 React 来创建网站（静态网站）。
Web 应用是动态网站，其外观和使用体验与桌面或移动应用程序类似。使用 Web 应用，您可以注册帐户、发布帖子，以及执行通常在应用程序中执行的操作。
如果没有 React，创建动态网站不仅会让开发者感到繁琐，而且使用起来也很困难。因为每次页面转换都需要浏览器重新加载。但有了 React，情况就不同了。
我什么时候学习 React？
众所周知，React 是一个 JavaScript 库，与许多其他库和框架一样，它们需要对语言本身有正确的理解。
如果您对主要工具的工作原理一无所知（或知之甚少），那么尝试学习一种可以使使用另一个工具变得更容易的工具是没有用的。
React 以及其他 JavaScript 库和框架都大量使用了 JavaScript。因此，在学习任何 JavaScript 库/框架之前，最好先充分了解原生 JavaScript。
要明白这一点，React 并不是什么特别难学的东西。它不像一门你必须学习才能构建酷炫的 Web 应用的迷你语言。
学习 React 不是学习新的语法之类的，而是理解 React 如何与 JavaScript 协同工作。这样你就会说：“好吧，React，你喜欢这样，我就按你的规则来。”
所以这意味着 React 在所有方面都使用了 JavaScript 的语法，以及少量的 HTML（JSX）。这就是为什么当你对 JavaScript 有了足够的了解后，迁移到其他库和框架并不困难。
所以这些库和框架并没有取代 JavaScript 语法，你不会发现
if condition:
// statement(s)
else:
// statement(s)
替换库中的 JavaScript if and else。例如在 React 中，我们通常会使用
const [state, setState] = useState('initial');
如果你从未在 JavaScript 中使用过解构数组，你可能会认为这是某种 React 的语法；你可能会想：“这里我们把stateandsetState放在一个数组里并赋值给useState函数，好吧，这就是 React”。你根本不知道这是什么。
如果你熟悉数组解构，这可能听起来有点奇怪，但有些开发者确实遇到过这种情况。相信我，如果你也遇到过这种情况，那可不是什么好事。不过幸运的是，有一个解决办法——学习足够的 JavaScript。
那么在学习 React 之前应该学习 JavaScript 到什么程度呢？
我认为你应该学习课程/书籍中列出的所有内容（我会列出一些）。在这种情况下，这里有一个学习 JavaScript 的方法——忘掉 React 和其他库/框架吧。
不要因为想学 React 而学 JavaScript——不要抱有这种学习态度。学 JavaScript 是因为你想成为一名开发酷炫 Web 应用的 Web 开发者。因为事实是，React 可能并不会永远存在。
React 可能在 5 年甚至更短的时间内消失。你永远无法预料。但当你学习了足够多的 JavaScript 知识后，你可以轻松地切换到任何你想要的 JavaScript 库/框架。
所以，即使你完成了 JavaScript 课程，也还不是直接学习 React 的好时机。你应该尝试通过练习、项目，甚至网站（数量众多）来掌握你学到的 JavaScript 语法。
为此，您可以通过 Google 查找适合初学者的项目，Brad Traversy 拥有一个包含20 个原始 Web JavaScript 项目的大型存储库- 尝试自行构建所有这些项目。
完成所有这些之后，我相信你已经 100% 准备好学习 React 了。现在我不确定你会学习或者已经学习过哪些 JavaScript 课程，但要学习 React，你需要了解这些主题（当然也包括基础知识）。
- 数据类型——字符串、数字、布尔值、数组、对象、未定义、空。
- 算术运算符和算术运算、逻辑运算符、三元运算符、表达式、变量（const 和 let）、作用域
- 条件语句 - if 和 else、switch 和 case
- 循环 - for、for in、for of、while、do/while
- 函数——箭头函数、闭包、回调
- 类和其他 ES6 特性
- DOM
- JSON
- 全局对象
- 异步 JavaScript - setTimeout、setInterval
基本上所有方面都涵盖了。你可以使用W3schools 提供的 JavaScript 大纲，与你正在学习 JavaScript 的课程进行比较。确保你全面了解了所有方面。
我如何学习 React？
现在，让我们看看如何利用这里提供的资源学习 React。如前所述，React 并不难学。这是我学习新框架/库的方法，我推荐你也尝试一下。
- 按照教程进行操作
- 浏览文档/参加课程
- 构建更多项目
- 在公共场合学习
按照教程进行操作
这基本上就是跟着 React 教程一起写代码。你可以在 YouTube 上免费找到 React 速成课程。学习 React 完全免费。
我推荐一个速成课程，里面会稍微讲解一下 React 的工作原理，然后会讲解一个项目。我推荐Traversy Media 的2021 年 React 速成课程。
速成课程（本步骤）将帮助你了解 React 及其工作原理。它为你提供实际操作的概述。
尝试一下文档
React 的库有非常完善的文档。文档可以帮助你更深入地了解该库，并展示如何使用它。
React 文档旨在逐步引导您从基础到高级的 React 开发。“体验”文档只是学习文档并尝试其中的一些示例。
你可以像学习课程（比如大学课程）一样学习 React 的文档。重点是，React 的文档直截了当，所以你逐行逐章地学习它不会浪费时间。
对于普通人来说，研究这些文档的时间不应该超过一周。
或者，你可以参加 React 课程。网上有一些免费的 React 课程，可以教你深入学习 React 所需的一切知识。
就像 React 文档一样，这些课程提供了您将在 React 中学习的内容的大纲，因此您可以从一个主题学习到另一个主题。
以下是一些免费的 React 课程：
构建更多项目
如果你注意到我说的是“更多项目”而不是“一个项目”。这是因为如果你按照第一步操作，你已经在 React 中构建了你的第一个项目，现在你只需要构建更多项目。
在构建了更多项目之后，我经常建议查看一些有关基本项目的教程 - 您可以搜索更具体的项目并找到有关它们的教程。
这总是会让你接触到更新的概念和视角。但尽量不要学习太多教程（1 到 2 个不同作者的教程就可以了），这样你就不会陷入“教程地狱”。
这些步骤将帮助您掌握基础知识，并且您构建的项目越多，从不同的角度看待它们，您的效率就会越高。
奖励 - 在公共场合学习
现在，这是我刚开始学习 React 时希望自己能做的事情。这对每个开发者来说都非常重要。公开学习就像向开发者社区推销自己。这样你可能会找到有兴趣雇佣你的公司。现在，这并不像听起来那么简单或快捷。
这需要时间和坚持。但当你公开学习 React，并发布你构建的新项目时，你肯定会被对你感兴趣的人注意到。
对于那些想要自由职业的人来说，同样的事情也会发生。
有很多很棒的社区可以让你公开学习，Tech Twitter 就是其中之一。所以，积极参与 Twitter 吧。我整理了一份Twitter优秀开发者名单，你可以关注他们，开始使用 Tech Twitter。
何时需要使用 React
我之前已经说过这一点，但我只想重申一下。
React 并非总是必需的。只有在开发动态网站，或者像某些开发者所说的“复杂网站”时，才应该使用 React。
您始终可以使用原始 JavaScript 来处理小型项目和静态网站。
例如，如果您要为客户构建一个商业网站。这种网站需要对所有内容进行硬编码，访问者可以访问该网站，了解公司信息，例如联系方式和业务内容。例如，一家律师事务所。这样的网站不需要 React。无论您要创建什么页面，使用原生 JavaScript 都会更轻松。
但是，如果您尝试构建下一个 Twitter、DEV 社区或个人博客（始终更新），那么您需要像 React 这样的工具来轻松构建它们。
结论
React 是一款很酷的 Web 开发工具，不仅酷炫，而且非常容易学习。在合适的时机学习它，会让你在开发中占据更大的优势。
想要通过 React 提升你的 Web 开发事业，你可以轻松学习 NextJS 或 Remix。你可以按照我之前提到的学习 React 的步骤来学习其中之一。它们比 React 本身更容易学习。
感谢您的阅读。您可以在下方留言，告诉我您对这篇文章的看法。如果您喜欢这篇文章，请点赞并分享。如果您想看到更多类似的文章，可以请我喝杯咖啡来支持我。
对了，别忘了在 Twitter 上关注我@elijahtrillionz。祝你黑客愉快。
