Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React App - Breaking Bad API

Traversy Media via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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.

Syllabus

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

Taught by

Traversy Media

Reviews

Start your review of React App - Breaking Bad API

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.