Build & Deploy React 18 Shopping Cart For Beginners [2023]

Build A Simple Shopping Cart Using Only React For All Levels Web Developers
👉 Demo : basir.github.io/react-18-shop...
👉 Github : github.com/basir/react-course...
👉 Q/A : codingwithbasir.com
👉 Contact: [e-mail]
🔥 Get Complete Course for $14.90 (reg price $149) - LIMITED TIME:
basir.thinkific.com/courses/b...
TABLE OF CONTENT
00:00 Introduction
00:02:29 Create React App
00:05:06 Create Layout
00:15:04 Create Main Component
00:20:18 Create Product Component
00:23:54 Implement Add/Remove Cart Items
00:35:38 Create Shopping Basket Component
00:41:49 Save Cart Items In Local Storage
00:44:48 Use New Hooks In React 18
00:48:06 Deploy Web Application
YOU WILL LEARN
1. React: Components, Props, Events, Hooks
2. JavaScript Array Methods: filter, find, map, reduce
3. Extracting and Composing Components
4. Passing data and functions between components
5. Make an actual application using your basic knowledge of react
6. Use new features of react in real-world scenarios
7. Use local storage to keep user preference on web app
8. Deploy the website on GitHub page
🔥 Get Complete Course for $14.90 (reg price $149) - LIMITED TIME:
basir.thinkific.com/courses/b...
#React #Tutorial #Beginner
---
Follow me on:
👉 Website: codingwithbasir.com
👉 Twitter: / basrijd
👉 Linkedin: / basir-j
👉 Github: github.com/basir

[@tttwicetower8195]

You are a great guy !! much respect from austria !! :)

[@CodingwithBasir]

Wow, thanks!

[@sololife9403]

the best instructor i have ever seen, thank you

[@CodingwithBasir]

Glad you think so! Please watch my courses on Thinkific: basir.thinkific.com Use coupon APR2023 for 90% off.

[@edafeprosper3404]

Thank you very much Basir. you really helped me out on the project i'm currently working on. And i've really learnt a lot. You are great man.

[@CodingwithBasir]

hello there, thanks for your interest. Please ask any coding questions here: codingwithbasir.com/questions/ask/

[@victortislenko7279]

thanks,buddy,your lessons are really helpfull and the explanation is very understandable

[@CodingwithBasir]

Glad to hear that!

[@bollaramstudio801]

Thank you Basir bro... Very useful content u made for learn react beginners..

[@CodingwithBasir]

Glad to hear that. Please ask any coding questions here: codingwithbasir.com/questions/ask/

[@niteshprajapat7918]

You courses are as amazing as you are 🔥❤️

[@CodingwithBasir]

Thanks for your interest

[@amirbasiri6555]

thank you for everything, you are amazing, please use typescript in your courses

[@CodingwithBasir]

Thanks for your interest. Sure

[@amirbasiri6555]

@@CodingwithBasir 🌹🌹♥

[@sakshamgupta298]

Very well explained

[@CodingwithBasir]

hello there, thanks for your interest.

[@zahrabahmanpour2348]

thanks basir, you are the best teacher in the world. you resolved all of my issues. gold bless you Mr Basir,

[@CodingwithBasir]

hello there, thanks for your interest.

[@gasperpb]

Waiting for a react.js from a gym site? Tanks you very much.

[@CodingwithBasir]

Please ask this question here: codingwithbasir.com/questions/ask/ I answer it on daily basis.

[@Heisusin]

Thank you Basir for teaching us. I am studying React and I have to learn how to make an E-commerce. Your course is great!

[@CodingwithBasir]

hello there, thanks for your interest.

[@AnthonyCandaele]

Hi Basir, thanks for this video. I hope you will make a course about Shopify's new Hydrogin framework.

[@CodingwithBasir]

hello there, thanks for your interest. I will try my best

[@tracyyan2898]

9Hi Basir, thanks for this video. could you explain why does it need these two hooks(useTransition and useDeferedValue) to set them lower level?

[@CodingwithBasir]

to decrease number of rendering the component and improve the preformance.

[@cubedev4838]

The display cart number in header not shown exactly when add or remove product cart

[@prabhanjanpandey7625]

Awesome project, can we have redux implementation in future please?

[@CodingwithBasir]

hello there, thanks for your interest. Please ask this question here: codingwithbasir.com/questions/ask/ I answer it on daily basis.

[@chiranjeevikosanam4125]

hi sir few days ago i was purchased amazona project. that one very useful to me and then very understand. and then please tell me about software career how to create website and mobile app using mern stack, typescript, reactnative, deployement, developement, production. if any others tell me sir.

[@CodingwithBasir]

hello there, thanks for your interest. will make video about it soon.

[@chiranjeevikosanam4125]

@@CodingwithBasir very thank you sir. And i am waiting for that video......

[@abhishekmishra9841]

Sir please create dashboard system with task management system

[@CodingwithBasir]

Sure. Will make it soon

[@abhishekmishra9841]

@@CodingwithBasir nice sir 😀❤🙏

[@amirbasiri6555]

and redux toolkit

[@CodingwithBasir]

Will use rudex toolkit too

[@edmonkhachatryan5150]

It's Amazing like always Bassir🖤🖤🖤, but why u don't answer me in Udemy almost one month ?

[@CodingwithBasir]

hello there, thanks for your interest. I answered them. check it out please.

[@hafizimranattari]

searchable dropdown box

[@CodingwithBasir]

Please ask this question here: codingwithbasir.com/questions/ask/ I answer it on daily basis.

[@wkmgaming6097]

I dont understand why u use variable props for storing props u can directly store in functions parameters

[@CodingwithBasir]

hello there, thanks for your interest. please mention this issue in the source code. ask it here: Please ask this question here: codingwithbasir.com/questions/ask/ I answer it on daily basis.