Skip to main content

Become A Full Stack Developer In 7 Lessons - Building React #116


Published: December 30, 2024 | DevDrawer


Estimated Reading Time
1 minutes
Video Duration
36:55 minutes

Become a Full Stack Developer—Episode 3: In this episode, we’ll dive deep into integrating React with a PHP backend. Watch as we bridge the gap between frontend and backend using axios, async/await, and the Slim Framework for PHP. By the end of this tutorial, you'll have a fully functional connection where React can fetch data from your PHP API. In future episodes, I will show you how to create CRUD operations and secure your backend.

🔗 Timestamps:

00:00 - Intro

01:38 - Install React Using Vite

03:56 - Clean Up and Components

06:25 - Setting Up Routes and Nav Menu

15:37 - API Connection

17:26 - Display Items from API

23:05 - CORS and Your API

31:31 - TypeScript Clean Up

33:31 - Set Loading State

⭐ Programmer Merch: https://store.thedevdrawer.com/#!/

⭐ Join the Discord: https://discord.gg/4nRPmBFSDj

⭐ If you would like to buy me a coffee because I created something that helped you, it would be much appreciated! : https://www.buymeacoffee.com/devdrawer

⭐ Join this channel to get access to perks:

https://www.youtube.com/channel/UCcr8eSk5xCfn3AbYy8WOWzg/join

⭐ Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer