React
intermediateTopic 6 of 14 in Frontend Development
What it is
React is a JavaScript library for building user interfaces, created by Meta. It lets you break your UI into reusable components, manage state efficiently, and build complex single-page applications.
Why frontend developers need it
React is one of the most widely used frontend tools in the industry. Many companies — from startups to large enterprises — build their web apps with React. Knowing it makes you hireable for a huge range of frontend roles.
What to learn
JSX syntax and component structure
Props: passing data between components
State management with useState and useReducer
Side effects with useEffect
Conditional rendering and lists
Event handling in React
React Router for multi-page navigation
Custom hooks for reusable logic
Context API for shared state
Practice project
Course Catalog Browser
Build a course browser app in React with search, category filters, and a detail view for each course. Use React Router for navigation and Context for a favourites feature.