The 2020 React.js Developer RoadMap

In today’s world, you will rarely build an isolated GUI, instead, there is more chance that you will build something which communicates with other application using APIs like REST and GraphQL.

Thankfully, there are many API clients available for React developers, here is a list of them:

REST

• Fetch
• SuperAgent
• axios

GraphQL

• Apollo
• Relay
• urql

Apollo Client is my favorite and provides an easy way to use GraphQL to build client applications. The client is designed to help you quickly build a UI that fetches data with GraphQL and can be used with any JavaScript front-end

Btw, if you don’t know GraphQL and REST, I suggest you to spend some time learning them. If you need courses, the following are my recommendations:

GraphQL with React: The Complete Developers Guide
REST API Design, Development & Management

11. Utility Libraries

These are the libraries which make your work easier. There are many utility libraries available for React developers as shown below:

• Lodash
• Moment
• classnames
• Numeral
• RxJ
• SRamda

I don’t suggest you learn all these and so does RoadMap. If you look closely only Lodash, Moment, and Classnames are drawn in yellow, stating that you should start with them.

12. Testing

Now, this is one of the important skill for React Developers which is often overlooked, but if you want to stay ahead from your competition then you should focus on learning libraries which will help you in testing. Here also, you have libraries for Unit testing, Integration testing, and end-to-end testing.

Here is a list of libraries mentioned in the roadmap:

Unit Testing

• Jest
• Enzyme
• Sinon
• Mocha
• Chai
• AVA
• Tape

End to End Testing

• Selenium
• Webdriver
• Cypress
• Puppeteer
• Cucumber.js
• Nightwatch.js

Integration Testing

• Karma

You can learn the library you want but Jest and Enzyme are recommended. The Complete React Web Developer Course (with Redux) also covers Testing React application covering both Jest and Enzyme.

13. Internationalization

This is another important topic for developing front-end which is used worldwide. You may need to support the local GUI version for Japan, China, Spain, and other Europian countries.

The RoadMap suggest you learn the following technology but they are all under good to know:

1. React Intl
2. React i18
3. Next

Both these library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.


Reference:
https://www.hackernoon.com/the-2020-reactjs-developer-roadmap-8q143yan
https://www.hackernoon.com/u/javinpaul