React Roadmap 2019

If you know basic JavaScript and ES6 or using any single page application JS framework and want to learn React JS, this roadmap is for you.

⋅⋅* Concept of Props

⋅⋅* Concept of States

⋅⋅* React life-cycle

⋅⋅* Form Elements in ReactJS

⋅⋅* Higher Order Components eg Pure Component

⋅⋅* axios

⋅⋅* fetch

State Management

⋅⋅* Redux (Majorly used)

⋅⋅* Mobx

Forms

⋅⋅* Redux Form (Majorly used)

⋅⋅* Formix (Trending)

Middleware

⋅⋅* Redux-Saga

⋅⋅* Redux Thunk

React 16 features

⋅⋅* Hooks

React Performance

⋅⋅* How to measure

⋅⋅* Gochas

⋅⋅* Improvements

Unit Test Cases

⋅⋅* Jest

⋅⋅* Enzyme

Accessibility

⋅⋅* react-helmet

⋅⋅* react-aria-live

⋅⋅* react-a11y-announcer

⋅⋅* Focus Management

⋅⋅* eslint-plugin-jsx-a11y

Styling

⋅⋅* SCSS

CSS in JS libraries

⋅⋅* Styled Components

⋅⋅* EmotionJS

⋅⋅* Glamour

Server side rendering

⋅⋅* Next JS

⋅⋅* After JS

Gatsby

React Roadmap

Credit: github.com/adam-golab/react-developer-roadmap

Useful links:

Gatsby with Contentful

React Performance

Accessibility in ReactJS