React Learning Path in 2021

In this post,  you will get an idea what are the topics you need to learn in React. How to get started with React and etc.

Let's look into the flow chart of the React learning path in 2021.

React learning path in 2021

React Fundamentals

Start by learning React fundamentals first and here are the topics you can check out:
  • Create React App
  • Function Components
  • Class Components
  • JSX
  • Props and States
  • useState and useEffect Hooks
  • setState and Component Lifecycle Methods
  • Conditional Rendering
  • Lists and Keys
  • Building Simple Forms

React Ecosystem

Once you will learn the React fundamentals then check out the below topics:
State Management 
  • Redux/ Mobx
  • Apollo Client
  • React Router
  • Styled Components/ Emotion
  • Tailwind CSS
  • Chakra UI / Material UI / Ant Design
  • Formik
  • React Hook Form
  • Jest + React Testing Library
  • Cypress
  • TypeScript
  • React i18Next
  • Storybook
  • Firebase
Next Steps
  • Gatsby
  • Next.js
  • React Native

React Hooks

  • useContext
  • useReducer
  • useRef
  • useMemo
  • useCallback
  • Custom Hooks

YouTube Video

The React learning path explained in-detail in the below YouTube video: