React: Working with APIs
58mIntermediate2023-07-05
Authors
Emmanuel Henri
Executive with 20+ years of experience in programming and design
Course details
APIs are at the heart of the enterprise Web universe. While React simplifies the challenges of making a web client respond to content from an API, figuring out how best to structure an application around an API is more difficult. In this course, executive and experienced full-stack developer Emmanuel Henri dives into real-world APIs, covering topics like React setup and API access through Fetch. Emmanuel shows you how to initialize a React project and introduces you to the APIs that will be used in this course. He guides you through creating the News component and the Side component. Plus, Emmanuel presents some ideas on how you could take the project you begin in this course to the next level, while practicing your newly acquired skills.
Skills covered
React.jsAPIsMetaFront-End Web DevelopmentWeb DevelopmentSoftware DevelopmentDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Introduction to working with React APIs
- 02 - What you should know
1. Setting Up
- 03 - Introduction to the toolset
- 04 - Initialize a React project
- 05 - Concepts used
- 06 - Introduction to the APIs
2. Create the News Component
- 07 - Initial component for News
- 08 - Fetch data and update your state
- 09 - Finalize NewSingle component and styles
- 10 - Challenge - Refactor component for reuse
- 11 - Solution - Refactor component for reuse
3. Create the Side Component
- 12 - Create the new fetch() method
- 13 - Create a new component for side news
- 14 - Add an error component for fetch errors
Conclusion
- 15 - Take the project to the next stage
Related courses
- React: Working with APIs (2018)
- Integrating ChatGPT API into Legacy React Applications
- Learning React Native
- Microsoft Office Add-Ins for Developers
- React: Working with Loops
- React Practice for Beginners: Build and Modify Basic Components
- Learning Framer X
- Build an AI Application with React and AWS SageMaker