作者：Shaan Alam 原文链接：How to learn React - The Effective way 译者：Yodonicc
什么是React？
React是一个免费的、开源的前端JavaScript库，通过将你的应用程序划分为更小的组件来构建复杂的用户界面。它由Facebook和一个开发者社区维护。
学习React的先决条件
在学习React或尝试学习React之前，我想说的是要熟悉HTML、CSS和JavaScript。你可以在2-3周内学会HTML和CSS，因为它们用于为你的Web应用程序创建布局。JavaScript需要一些时间来学习，因为它是一种编程语言。至少要花一两个月的时间学习JavaScript。不要只是学习和学习，还要创建小项目来实现你所获得的知识。你可以创建一些小型项目，如待办事项列表、计算器、随机笑话生成器等。
编写JavaScript
在学习JavaScript时，你必须避免我所犯的一些错误。当我学习JavaScript时，我认为我必须成为一个绝对的JavaScript大师才能编写React代码（这是不正确的）。我开始学习高级概念（作为一个初学者），失败后，我认为我不够好。但是，让我告诉你，作为一个初学者，你需要学习足够多的东西，这样你就可以用普通的JavaScript创建基本项目。一些需要深入学习和理解的主题是：
- 变量
- if/else条件和switch语句
- var、let和const之间的区别
- 函数
- 数组
- 数组方法，如filter、map、reduce等。
- ES6新特性
- Promise
- 回调
- Async/await
- 类和OOPs的概念
- 与API一起工作 再次强调，不要只是学习，要应用！!
React
在这个时候，当你已经学会了JavaScript的精华，是时候让你深入了解React了。你可以通过阅读React官方文档或参加React官方教程开始学习React，以了解React的工作原理。React文档写得非常好，涵盖了React的基础知识。好好学习这些主题，从根本上了解React。
- JSX
- 组件（函数组件和类组件）
- 生命周期方法
- State
- Props
- 处理事件
- 表单
- 条件渲染
- 与第三方API合作。一旦你对这些主题有了了解，你就可以创建项目来实现它们了。你可以创建新的项目，或者重新制作你在使用React学习虚构的JavaScript时做的项目。
React 路由
了解React router。React router是一个React的路由库，它将帮助你在你的React App中浏览不同的页面。了解加载特定页面的内容，在URL中传递参数，重定向等。另外，要明白react router不是React的一部分，它是为React制作的一个路由库。
高级React
现在，你有了基本的React知识，也创建了一些基本项目，是时候学习一些高级概念了，比如Hooks、Context等。看看React文档并学习这些概念吧。
- Context
- 钩子
- 错误边界
- 高阶组件
- 代码拆分
- Refs
- Forwarding Refs
- Render props
一些额外的东西!
一旦你学会了React的基础知识，你还可以学习一些额外的库，比如Material UI、reactstrap、tailwindcss、Semantic UI等等。这些库会在你日常的React开发生活中帮助你。然而，学习所有的东西并不是强制性的，你可以在你完成React基础知识并能做项目时尝试学习它们。
