⚛️ React 开发者路线图 - 初学者指南 🚀

我心里想着我学习 React 的步骤，然后问自己，为什么不与所有开发人员分享呢？😊

👾 强化你的 JavaScript 知识

如果你正在阅读这篇文章，我假设你已经具备 HTML、CSS 和 JS 的基础知识，所以我将跳过这些内容。要成为一名 React 开发者，你首先必须具备扎实的 JavaScript 基础。
让我与你分享一些可以用来提升 JavaScript 开发技能的资源：

• JavaScript 加速培训- 最好先回顾 JavaScript 的基础知识
• JavaScript - 理解奇怪的部分- 掌握 JavaScript 的工作原理及其基本概念

• JavaScript 算法和数据结构- 通过示例学习，最后可以获得 Freecodecamp 认证
  
  
  

👩‍💻 学习 JavaScript 中的 map、filter 和 reduce。

Map、reduce 和 filter 都是 JavaScript 中的数组方法。如果你刚开始学习 React，那么你很可能每天都会用到它们。

对于这个话题，我在这里给你留下了两篇文章，它们是我最喜欢的：

• 学习 Javascript 中的 map、filter 和 reduce - 刚开始使用功能性 Javascript 并且从未听说过 map、filter 和 reduce 的人。

• JavaScript Map、Reduce 和 Filter - JS 数组函数解释及代码示例
  
  
  

🎨 CSS 框架

在构建应用程序时获得帮助总是很方便的，而 CSS 框架总是可以提供帮助。

• Material UI - 一个由 Google 创建和维护的库，为您想要使用的许多不同的 jsx/html 标签提供许多自定义选项
• React Bootstrap - React Bootstrap 是一组实现 Bootstrap 框架的 React 组件

• 语义 UI - 使用人性化的 HTML 帮助创建美观、响应式布局的开发框架
  
  
  

✈️ API

要创建与其他应用程序通信的东西，你需要使用 REST 之类的 API

我建议你看一下这篇快速易懂的教程：什么是 RESTful API？REST 和 HTTP 的解释

• 拿来
• Axios

• 超级代理
  
  
  

⚛️ 学习 React

既然你已经熟悉了高级 JavaScript 和 API，那就直接跳到 React 吧。React 框架是一个不错的选择，因为它易于学习，每天都在改进，而且拥有强大的社区。

您可以在那里找到几门课程，我将分享一些我认为有趣的课程：

官方文档

• React - 入门
  
  
  

自由的

• React 初学者指南- egghead
• React + Redux - SoloLearn

• React - freecodeCamp
  
  
  

有薪酬的

• 使用 Redux 进行现代 React - Stephen Grider

• React - 完整指南（包括 Hooks、React Router、Redux） - Maximilian Schwarzmüller
  
  
  

🚀 状态管理

这是 React 开发者需要关注的重要领域。以下是一些要点：

• 组件状态
• 上下文 API

• Redux

• 异步操作（副作用）

还有更多...

您还可以查看 Stephen 和 Max 有关该主题的课程。

🪐 并且还在继续

关于 React 还有很多东西需要学习，但我希望这篇文章尽量简洁，适合像我这样的初学者。
我写这篇文章的时候，也是为了自己，希望它能对开启这段新旅程的你有所帮助。