Launch Your Cybersecurity Career in 6 Months
Learn Generative AI, Prompt Engineering, and LLMs for Free
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
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