如何在 2020 年获得 React JS 工作？

参考

学习新的框架或技术对我来说总是充满乐趣。但我在思考如何描述 2020 年学习 React JS 的人？所以我列出了一份清单，列出了 2020 年找到 React JS 工作需要学习的内容！有兴趣了解吗？向下滚动或按你想做的做（我一如既往地努力保持幽默，但我知道我不擅长开玩笑，所以请不要介意）。

在学习 React JS 之前，我建议先学习一个很长的列表。这个列表里的内容很简单，你大概可以在 2-3 个月内学会所有东西！当然，你可以在 1 个月内学会，但我建议你先花 2-3 个月学习这些主题，然后再开始学习 React JS。列表如下：

HTML5
CSS3
JavaScript 基础
ES6 以及更多关于 JavaScript 的内容
新公共管理
Webpack
JSX
FETCH/AXIOS

完成所有这些之后，我建议你开始学习 React JS。React JS 学习起来非常有趣，所以如果你了解我提到的这些主题，你会发现学习起来非常简单。React 就像你用 JS 编写 HTML 和 CSS，其中也包含一些逻辑。让我们深入学习 React JS，看看在 2020 年找到工作需要学习什么？

返回目录

React JS 基础知识

首先，我们需要开始阅读文档。React 文档非常优秀。你可以轻松地从 React 文档中理解相关主题。有很多关于 React JS 的免费基础课程。你可以在 Egghead 上开始学习。https
://egghead.io/courses/the-beginner-s-guide-to-react
或者你也可以试试
https://scotch.io/starters/react/getting-started-with-react-2019-edition

返回目录

REDUX

学习 React JS 几天后，你肯定会面临一个问题。React 的状态管理非常简单，但有时也会很混乱，因为单向数据流会在组件中层层递进，但有时将相同的数据发送给父组件却很困难。这需要编写大量额外的代码才能将数据传递给父组件，而且随着团队成员数量的增加，这变得更加困难！因此，REDUX 的魔力就来了。REDUX 会创建一个单一的存储，保存所有状态，我们可以从 React 中的任何组件中使用它。我知道现在理解起来可能有点困难（如果你是初学者），但你需要很好地理解 Redux，因为大多数公司都需要两者（REACT 和 REDUX）。

我可以推荐一些可以帮助你使用 Redux 的库。它们是：

Redux（这是主要需求）
React-redux（用于 React 中的 redux）
Redux-logger（用于记录更改的中间件）
Redux-persist（将状态存储在本地存储中）
重新选择（选择器）
Redux-thunk（用于异步操作）
Redux-saga（用于异步操作）关于 redux-thunk 和 redux-saga，两者的功能相同。虽然 redux-saga 提供了一些额外的好处，但最好还是使用 redux-thunk。详情请参阅：https://blog.isquaredsoftware.com/2020/02/blogged-answers-why-redux-toolkit-uses-thunks-for-async-logic/

返回目录

React Hooks

React Hooks 在 React 16.8 中引入。React Hooks 具有一些功能，可以帮助我们停止仅仅为了使用状态和其他功能而编写类组件。

你可以从会议视频开始

然后你可以参加速成课程

另外，请查看此
https://www.youtube.com/watch?list=PLC3y8-rFHvwisvxhZ135pogtX7_Oe3Q3A&v=cF2lQ_gZeA8

返回目录

测试

如今，学习测试是获得一份好工作的必要条件。初学者会想，为什么要编写更多的代码来测试代码？当然，我们可以手动完成，但有时手动测试无法找到所有错误。此外，这很耗时，需要额外的人员来检查。但通过编写代码，我们可以轻松解决这个问题。有些情况下，人们会在编写代码之前编写测试用例。有时代码会产生一些我们无法一眼解决的神秘错误，有时我们需要花费大量时间才能检查并找出错误。因此，通过编写测试用例，可以更轻松地查找和处理错误。学习 React 测试，请从
https://reactjs.org/docs/testing.html开始

然后查看
https://testing-library.com/docs/react-testing-library/intro

您也可以查看一个 YouTube 播放列表
https://www.youtube.com/watch?list=PLLnpHn493BHEqP3gD1pCJYhxX6v2gBZzj&v=esVwR4lGwQE

返回目录

TypeScript（可选）

TypeScript 是由微软开发和维护的一门开源编程语言。它是 JavaScript 的严格语法超集，并为 JavaScript 添加了可选的静态类型。TypeScript 专为开发大型应用程序而设计，可转译为 JavaScript。[维基百科]

如今，很多工作都需要用到 TypeScript。它有助于避免未来出现一些神秘的 bug，并且还有其他一些优势。

我建议先阅读官方文档

最后，这将是一个很好的介绍

返回目录

盖茨比（可选）

Gatsby 是一个基于 React 的免费开源框架，可帮助开发者构建极速网站和应用。[官方网站]

我建议你看一下这个和官方文件

返回目录

Next JS（可选）

可扩展的生产级 React 应用程序。全球领先的公司使用 Next.js 构建静态和动态网站以及 Web 应用程序。[官方网站]

我建议查看这个和官方文档
https://www.youtube.com/watch?list=PL8p2I9GklV44KV-ME2XR6yD-cM4Msy3su&v=dPFoLKPEXww

返回目录

职位搜索

了解了所有这些概念之后，我们就开始找工作了。在申请任何工作之前，我建议你

一份好的简历
文件夹
领英个人资料
开源项目（贡献）

这三点可以帮你找到任何好工作。领英 (Linkedin) 是与招聘人员沟通并被公司录用的绝佳平台。开源贡献也能帮你找到工作，因为招聘人员也会关注你的贡献。所以，如果你有兴趣学习更多技能并将其应用于实际项目，那就去做一些开源贡献吧。使用求职网站搜索你所在地区的职位。但是，如果你对远程工作感兴趣，那么现在有很多远程工作，如果你感兴趣，可以去看看。现在，搜索一家你想去的公司，看看他们是否有 React JS 相关的职位。如果有，就直接申请，并附上一份好的求职信。每家公司的求职信应该有所不同。