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

Routing

• React Router

Styling

• Styled Components/ Emotion
• Tailwind CSS
• Chakra UI / Material UI / Ant Design

Forms 

• Formik
• React Hook Form

Testing

• Jest + React Testing Library
• Cypress

Misc

• 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: