useReducer - Managing Complex State Logic
When useState isn't enough, use useReducer to manage complex, multi-step state transitions.
Tutorials
Learn to Build
Practical programming tutorials and guides.
Building Custom Hooks
Extract your own reusable logic into custom hooks, by building a useLocalStorage hook.
React Router - Client-Side Routing
Handle multiple pages, navigation links, and dynamic URL parameters with React Router v6.
Fetching Data from an API (fetch and Axios)
Make API calls with useEffect, manage loading/error states, and compare fetch vs Axios.
What is React? JSX Introduction and Your First Component
What problem React actually solves, how JSX syntax works, and how to build your first component.
Setting Up a React App with Vite
Set up a modern React project in seconds with Vite, and understand the resulting folder structure.
Understanding Components and Props
Build functional components and pass data from parent to child components using props.
The useState Hook - Your First Step into State Management
Learn to manage local state inside a component with the useState hook, using a counter example.
Event Handling in React
Handle events like onClick and onChange, pass arguments to handlers, and understand SyntheticEvent.