在深入学习 React/React Native 之前，你需要了解哪些内容？

你刚开始学习 JavaScript，就已经被行业里那些“专业术语”搞得晕头转向了吗？或者你已经学会了 JavaScript 编程，但想确定自己是否准备好开始学习某个库或框架，那么这篇文章就是为你准备的！

什么是 React？什么是 React Native？

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发。React 允许你使用称为“组件”的小型独立代码块来构建复杂的用户界面。

React Native 是一个开源的移动应用框架，由 Facebook 创建。我喜欢简称它为“RN”，它用于开发 Android、iOS 和 Web 应用。RN 使您能够使用 JavaScript（React）并结合原生平台的功能。

介绍就到此为止！让我们进入正题。虽然这两种技术听起来很吸引人，让你恨不得立刻投入学习，但在学习 React 或 React Native 之前，你需要打好一些基础。我并不是说没有这些“基础”你就学不会 React，但根据我的经验，这样做的人往往会遇到困难，最终可能还是会回到基础学习上来。

在解释如何学习之前，让我先列出你需要学习的一些关键事项、每项事项的大致学习时间以及你可以利用的资源。

1. HTML/CSS
2. Javascript
3. ES2015（ES6+）基础
4. React
5. React Native。

听起来很简单，对吧？没错！但同时，又并非如此！

别被吓到，在本文中，我将详细解释为什么、如何、何时以及在哪里可以学习上述这些技术。

HTML/CSS

如果你想从事Web开发，这两种技术是你最先被建议学习的，我必须强调它们的重要性。
我会分享我个人的学习步骤（我用过这种方法，也见过很多人用过）。

1. 通过W3schools学习 HTML 和 CSS 的基础知识，这个网站对于入门来说非常棒。

2. 注册Freecodecamp，Freecodecamp 是一个互动式学习平台，提供课程大纲，让你在学习过程中不断练习。快来体验吧！它是免费的，也是巩固知识的绝佳资源。

3. 如果你更喜欢通过视频学习，YouTube 上有很多频道可供选择。我推荐Traversy Media。

4. 开始动手实践吧！提升编程水平的唯一途径就是实践所学，不要只是学习然后自以为掌握了，要动手做点什么！做个真正的项目！我知道你肯定在纳闷我为什么这么激动，但你不能跳过这一步。好在FreeCodeCamp 上有很多项目可以让你检验自己的技能。

我觉得一个月或更短的时间足以让你很好地掌握 HTML 和 CSS（我不是说你一个月就能成为专家），但你会对这两种技术的工作原理以及你可以用它们做什么有扎实的了解。

JAVASCRIPT

在考虑学习 React 之前，掌握扎实的 JavaScript 基础至关重要。为什么？因为 React 本身就是 JavaScript，当你开始学习 React 时，你会发现很多在线教程都默认你已经掌握了 JavaScript。不要被任何人欺骗，以为不用学习 JavaScript 也能学会 React，这没有捷径可走。即使你设法做到了这一点，你最终还是会回到 JavaScript 本身，学习一些原生 JavaScript 的实现方式。嘿，
Tobi，什么是原生 JavaScript 来着？别紧张，它只是 JavaScript 的另一个名称，指的是纯粹的 JavaScript。“原生”只是一个强调的通用术语，就像普通的香草冰淇淋，没有其他口味一样。

恢复营业！

学习 Javascript 的资源

网上有很多学习 JavaScript 的资源，你可能会不知道该用哪个。没错！我以前也跟你一样！
不过，就像我之前写的 HTML/CSS 学习步骤一样，你也可以按照这些步骤来学习 JavaScript。

1. 首先从W3schools开始，学习 Javascript 的基础知识和高级知识。

2. 说到 Javascript， Freecodecamp绝对是首选，他们有超过 300 个 Javascript 互动课程，以及 10 多个学习后可以构建的项目。

3. 对于视频，我还会推荐Traversy Media。

我想我无需提醒你，理解 JavaScript 的关键在于构建实际应用。特别感谢Well Paid Geek一直以来对我的强调！
这是编程中非常重要的一环，只有亲自动手实践才能真正进步。视频教程或许能教你如何操作，但只有亲自动手才能锻炼你的思维能力。

我无法给出学习 JavaScript 的具体时间表，因为学习是一个永无止境的过程！但我认为，用 4 到 6 个月的时间学习完前面提到的那些资料是比较合理的。

所以托比，现在是学习React 的好时机吗？

兄弟，你冷静点吗？你是不是错过了什么？ES2015+！！！

什么是 ES2015+ 或 ES6+？
LevelUp Tuts在这段简短的视频中对此问题进行了详尽的解答。

总而言之，ES6 及以上版本是 Javascript 的现代版本，它包含箭头函数、剩余运算符/扩展运算符、import/export 语句、变量解构等诸多变化，了解这些变化至关重要，因为框架和库（例如我们这里提到的 React）都会用到它们。

学习 ES6 的资源：
如今，现代网站、教程和书籍都使用 JavaScript 来教授 ES6，因为它本身就是 JavaScript。但是，如果您觉得使用的任何资源都没有让您学到足够的 ES6 知识，您可以查看Mozilla 的这篇教程或Academind的这门入门课程。Traversy Media也提供了大量关于 ES6 的教程。

我之前说过，4-6 个月的时间应该足够你学习这些资源，但这并不意味着你会在这段时间内成为专家，除非他们已经从事这项工作多年，否则没有人能做到这一点！

“那么，Tobi，什么时候才是深入学习 React 的最佳时机呢？”

“问题应该是我用 Javascript 构建了多少个项目？”

如果你的答案不在 10 到无穷大的范围内，那么你就应该开始工作了。

大家都在学 React，并不意味着你也必须跟着学。先夯实你的 JavaScript 基础，精进你的技术！这非常重要！不要操之过急。

花大量时间练习、练习、再练习。

即使你已经用尽了我上面提到的所有资源，也请尝试学习更深入的 Javascript。

我推荐Kyle Simpson的这套丛书以及《Eloquent Javascript》这本书。

这两本书我至今仍然会参考。

一年后！！！
你现在可以开始学习 React了。😊

有些人可能会认为一年时间太长，不足以学习 React 的先决条件，但这没关系，只要你对自己 Javascript 知识足够扎实充满信心，就可以开始学习 React 了。

所以，关键问题来了：我该如何开始学习 React？
虽然这超出了本文的讨论范围，但我会先做一个简单的介绍，也许在下一篇文章中我们会更深入地探讨这个问题。

也许你读过一些关于 React Native 的好话（就像我刚开始接触 React Native 时一样），你更愿意成为一名真正的 React Native 开发人员，而不是一名 Web 开发人员/React 开发人员。

你可能会问，我应该先学习 React 再学习 React Native 吗？

是的！是的！！是的！！！

有些人可能仍然不同意我的观点，但事实是React Native 仍然是 React，唯一的区别在于一个是为移动设备构建的，一个是为 Web 构建的。

“好吧，托比，我有点糊涂了，如果 React Native 就是 React，为什么我不直接学习 React Native 并开始构建应用程序，而不是把时间浪费在 React 上呢？”

原因在于，你很难找到专门教你 React 的 React Native 教程、课程或视频，大多数都假定你已经掌握了 React 的知识。即使是 React Native 的官方文档也没有讲解 React 的基本原理。在深入学习 React Native 之前，你应该先了解 React 的基本原理。

那么，你应该从哪里开始呢？

我认为React的官方文档是最好的入门资料。

正如我之前所说，学习 React 超出了本文的范围。
本文的目标是告诉你深入学习 React 之前需要掌握的重要知识。

如果您有任何问题或建议，请在评论区留言。

祝你破解愉快！！！