VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Build a Shopping Cart with React and TypeScript - Tutorial

Build a Shopping Cart with React and TypeScript - Tutorial

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Learn the fundamentals and how to build a ReactJS shopping cart with Typescript, Material UI, Styled Components and React-Query. This tutorial uses a free open API for dummy data to the items in the shop. React-Query hooks is used for fetching the data from the API. Styled Components is used in combination with Material UI to customize the styles. - Code: https://github.com/weibenfalk/react-shopping-cart
Date: 2022-03-14

Comments and reviews: 8


Great tutorial. Only one suggestion, the item.amount which you used might be often refers to the price in some cases. To avoid the confusion you could use the term quantity. For a moment, i thought why amount & price is used together in the cart. It is supposed to be quantity.
reply

I am following this tutorial and when I am at 15:23, if I toggle click between the console window and browser window, I see that an api call is being made everytime I click inside the browser. Can you tell me why that is happening and how can I stop this redundant call?
reply

Thanks for this tutorial, I loved it! Although you could provide more details about how you do some stuff regarding types, like why you use type instead of interface or the 'as' keyword. But all in all it was good, I liked how you explained the reduce method (:
reply

Good one, would be nice to see if you could use other Array method in handleAddToCart and handleRemoveFromCart. Also, a follow up session with use of contextAPI, useReducers and persisting data. As currently the badge loses the data as we refresh the browser
reply

if you get error in 15:30 please add () => getProducts instead getProducts
And in style components please install extension vscode-styles-component just help you code styled same video
Sorry my English not good

reply

I might be a newb and not know much. But trial and error made me realize that the index.css file cannot be deleted for my app to run.
Great video though, thanks a bunch, this is immensely helpful!

reply

at 3:58, '-types' how do you know the name of '-type package' to install ? .. By the way, thank you very much for sharing this great tutorial --
reply

Another thing to note, for the code: style.div-- the - is not an apostrophe, it's the other symbol on the keyboard that looks like an apostrophe.
reply
Add a review, comment






Other channel videos