React App - Breaking Bad API

Learn to build a React application that interacts with the Breaking Bad API in this 34-minute tutorial. Create a character information display and filtering system while exploring key React concepts such as useState, useEffect, and component creation. Follow along as the instructor guides you through React setup, cleanup, styling, and implementing essential components like Header, CharacterGrid, CharacterItem, and Search. Discover how to make HTTP requests, manage app state, pass queries, and add a loading spinner. Access the provided GitHub repository for the complete code and refer to the Breaking Bad API documentation for further details. The tutorial includes timestamps for easy navigation through each topic.

Intro - .
React Setup - .
Cleanup - .
Images/CSS - .
Header Component - .
useState & App State - .
useEffect & HTTP Request - .
CharacterGrid Component - .
CharacterItem Component - .
Search Component - .
Passing Query - .
Spinner - .