React JS Roadmap

What is React?

React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript.

React lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail, LikeButton, and Video. Then combine them into entire screens, pages, and apps.

Read more at react.dev

Prerequisites

HTML and CSS: Ensure you have a solid understanding of HTML and CSS as they are fundamental to web development.

JavaScript: Familiarize yourself with JavaScript, especially ES6 features like arrow functions, classes, destructuring, and modules.

Basic things to learn

• Components
• JSX
• Props
• State
• Events
• Conditional Rendering
• Lists & Keys

Learn important hooks

• useState
• useEffect
• useRef
• useContext
• useReducer
• useMemo
• useCallback

Learn some react frameworks

• React Bootstrap
• Material UI

Learn important libraries

• React router
• Styled Components
• Redux

Start Projects

Building real-world projects is a crucial step in solidifying your understanding of ReactJS and preparing yourself for actual development scenarios