Build A Shopping Cart with React and Apollo Client
Enjoying my videos? Sign up for more content here: https://www.coopercodes.com/
Join CodeLetter by Cooper Codes, the 3 minute tech newsletter: https://codeletter.beehiiv.com/
Interested in a 1:1 mentorship with me? Jumpstart your career at https://www.rebrand.ly/coopercodesmen...
Store Items Pastebin: https://pastebin.com/fF66w1qf
In this video I go over how to implement a basic shopping cart component using Apollo Client, we go over amazing tech such as Apollo Client Reactive variables and also using the @client keyword when making queries to our local InMemoryCache. Although simple, the project is a great first look for anyone who wants to get more familiar working with things like reactive variables. I also show how to dynamically load in products to our project, allowing you to extend this code and work with varying data.
Enjoying my content? Feel free to support me on Patreon / coopercodes
Business inquiry? Email [email protected]
0:00 Intro / project showcase
1:25 React / Chakra UI setup
2:10 Apollo Client / provider setup
4:20 Creating custom cache
9:10 Creating initial store styling
13:05 Creating cart component
18:33 Add Cart to App
19:05 Creating store item component
27:40 Final Project / Outro