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

Comments