How To Create An Advanced Shopping Cart With React and TypeScript

Пікірлер: 314

  • @rvft
    @rvft2 жыл бұрын

    Literally one of the best channels on the platform. Always bringing stuff that we all are in need of! Thank you so much for all the effort, you can't even imagine how much you are helping us! God bless you.

  • @riyadhossain1706
    @riyadhossain1706 Жыл бұрын

    This tutorial is really helpful to those who started integrating TS with React. Thanks a lot.

  • @pedrolefteen
    @pedrolefteen2 жыл бұрын

    A huge result for an one hour duration tutorial. Thank you!

  • @anasalhariri5474
    @anasalhariri54742 жыл бұрын

    I want to thank you man, with your awesome courses and tutorials I finally got my first job. I deeply appreciate your great efforts. Huge love and respect. Stay awesome as always.

  • @ManojKumar-iu3zh

    @ManojKumar-iu3zh

    2 жыл бұрын

    Front end developer?

  • @anasalhariri5474

    @anasalhariri5474

    2 жыл бұрын

    @@ManojKumar-iu3zh Yes, Front-End Web Developer with ReactJS

  • @anweshandev

    @anweshandev

    2 жыл бұрын

    Congrats to you man !!

  • @anasalhariri5474

    @anasalhariri5474

    2 жыл бұрын

    @@anweshandev thanks bro

  • @AnsBdran

    @AnsBdran

    2 жыл бұрын

    Congrats, but how long does it take to get your first job?

  • @yoJuicy
    @yoJuicy2 жыл бұрын

    Off topic, but I had been looking for a React Hooks course and didnt realize you just made one! going to complete it this week. Thank you for consistent, high quality content. you are helping thousands of developers across the globe!

  • @jenso413
    @jenso4132 жыл бұрын

    your videos are so good, they show me how much more I have to learn to make truly professional sites like this. I’ve finally gotten to the point I can make full stack web apps, and I’m proud of myself for that, but my code always feels sloppy and unorganized. thanks for the inspiration!

  • @ninanordbo
    @ninanordbo2 жыл бұрын

    You make excellent content! Watched an older video on ditchin else statements last night and l am truly inspired by your way of deconstructing problem-solving. Your content is always on par so would just like to thank you for putting so much work into helping others become better developers. Brilliant!

  • @EzeJ99
    @EzeJ992 жыл бұрын

    Your content is SICK! Please do more React-TypeScript, i would love to see you coding a MERN + TypeScript project

  • @Rahulyadav-lv7dh
    @Rahulyadav-lv7dh2 жыл бұрын

    was waiting for typescript project from a long time fr. Thanks kyle ,really looking forward to building this

  • @tomiebayly6085
    @tomiebayly60852 жыл бұрын

    hey i appreciate that you show the product in the demo part which let us visualize how the project going to turn out big thanks man

  • @andgoedu
    @andgoedu Жыл бұрын

    Dude your videos are freaking awesome , i usually learn from people like yourself sir , and turn these projects into a full stack project connect an api , backend and so on , on my own i just wanted to say your awesome and keep up the simplicity

  • @noorsh
    @noorsh2 жыл бұрын

    Thank you for this. Great one. I've finally got a good grasp on how to use TypeScript in a real world situation. Thanks again

  • @Thassalocracy
    @Thassalocracy Жыл бұрын

    Thank u SO much, the parts about handling typescript and the local storage have been extremely illuminating for me. I honestly am thinking about buying the full course😃

  • @martinmohammed4087
    @martinmohammed40872 жыл бұрын

    It was a very nice tutorial. Especially because this video is so up to date (React V18, React Router Dom V6). Thanks for everything, I learned a lot.

  • @johnherrera5913
    @johnherrera5913 Жыл бұрын

    Master! One of the best tutorials I have ever watched. Thank you !!!

  • @VishalKumar-dv6qj
    @VishalKumar-dv6qj2 жыл бұрын

    I know it's going to be very helpful. Thank you very much. This is all that I needed.

  • @brenosantin9739
    @brenosantin9739 Жыл бұрын

    awesome, it’s hard to find react videos that uses typescript, loved the video. thanks kyle

  • @chadcat420
    @chadcat4206 ай бұрын

    this tutorial is awesome! made me understand typescript better instead of struggling on my own

  • @asher4818
    @asher4818 Жыл бұрын

    Dude, you are super super super good. You make me realize how far I have to go. Thank you for the great content.

  • @salma_techie
    @salma_techie Жыл бұрын

    Kyle I want to thank you for teaching me... actually when am searching anything I have to add your name to see if you posted anything on that topic.. thanks so so much brother.

  • @farzadmf
    @farzadmf2 жыл бұрын

    Happy to see TypeScript videos, hoping to see more

  • @rafaelsperati
    @rafaelsperati Жыл бұрын

    Congratulations! A nice example on how to apply the useContext hook!

  • @buddy.abc123
    @buddy.abc1232 жыл бұрын

    Thank you for everything you do for the community

  • @LuisReyes-zs4uk
    @LuisReyes-zs4uk2 жыл бұрын

    wow, dude, just wow. you're an absolute beast and I want to be as good as you. thanks for the awesome tutorial.

  • @isaacopeyemirobert7868
    @isaacopeyemirobert78682 жыл бұрын

    the reason i love kyle web dev simplified is that you learn a lot in a short amount of time..

  • @Visinho4ever
    @Visinho4ever10 ай бұрын

    I love your style. Simple and precise. Keep it up sir!!!🥰

  • @camilahatakeyama7506
    @camilahatakeyama7506 Жыл бұрын

    Just a quick note: React-Bootstrap's documentation says that "You should import individual components like: react-bootstrap/Button rather than the entire library. Doing so pulls in only the specific components that you use, which can significantly reduce the amount of code you end up sending to the client." So in this video's case, the import ideally would be 'import NavbarBs from 'react-bootstrap/Navbar''

  • @kybkap8686

    @kybkap8686

    Жыл бұрын

    i thought no difference because you imported 'bootstrap/dist/css/bootstrap.min.css' in the index.js anyway or not?

  • @camilahatakeyama7506

    @camilahatakeyama7506

    Жыл бұрын

    @@kybkap8686 The import I mentioned is only related to the react-bootstrap JavaScript library and not the bootstrap css that you talked about.

  • @adeleke5140

    @adeleke5140

    Жыл бұрын

    Good advice, you might need to import it as a named import though to be able to rename it properly.

  • @adeleke5140
    @adeleke5140 Жыл бұрын

    Thank you Kyle for this amazing tutorial. Really helped me.

  • @brilliantatosam6882
    @brilliantatosam6882 Жыл бұрын

    Exactly what I was looking for. Bless you Kyle

  • @johntimothygarcia
    @johntimothygarcia10 ай бұрын

    I like the way you explain every detail sir, it helps me alot to understand every functions and details in this Typescript tutorial. Thank you sir.

  • @tamlselvan9072
    @tamlselvan90722 жыл бұрын

    I expected you would do in typescript in future but it happens now wow

  • @cwirus99
    @cwirus992 жыл бұрын

    No way! 🤩 I am just about to build a shopping cart for my project and was wondering if there was any comprehensive guide for it. And bam! A notification from WDS! Great video, thanks a lot!

  • @edisvelicanin8854
    @edisvelicanin88542 жыл бұрын

    Great work. Super nice. Everyone who watched this, should try to build an admin area, where you can add and remove items.

  • @appuser

    @appuser

    2 жыл бұрын

    I might just do that! Always good to have some unguided homework!

  • @bendevweb89
    @bendevweb892 жыл бұрын

    Great informative project well built, thank you Kyle

  • @piotrekjazz1287
    @piotrekjazz1287 Жыл бұрын

    Kyle, that one with TS trully helps, thank you so much, one day I will buy you a big coffee, promise

  • @Karrnfr
    @Karrnfr Жыл бұрын

    Thanks a lot, Kyle for the tutorial. Really appreciate it

  • @ilan117
    @ilan117 Жыл бұрын

    Kyle … Thank you for everything you do a gazillion times over. ❤️

  • @physcript2436
    @physcript24362 жыл бұрын

    after watching this i finally subscribe for 2 years watching your video's sorry and thank you this is gold

  • @samintahmidislam
    @samintahmidislam2 жыл бұрын

    Your videos are amazing! I'm learning a lot from you. Keep going my man!

  • @anrikopaliani5551
    @anrikopaliani5551 Жыл бұрын

    nice video! I hope u will upload more react projects with typescript in the future.

  • @bboydarknesz
    @bboydarknesz2 жыл бұрын

    this is sick bro! love it! maybe just need a little optimization of how to get the data, because it has so much looping in data. I don't know, maybe we do it because we works in local data json?

  • @abdulazeezolanrewaju843
    @abdulazeezolanrewaju8432 жыл бұрын

    More of this is needed!! Thanks Kyle! Please try to use something like chakraUi next time sir!

  • @luisbraga3394
    @luisbraga33949 ай бұрын

    Excellent video! Thanks for sharing your knowledge!

  • @FaisalAmin001
    @FaisalAmin0012 жыл бұрын

    Thanks you, please also make a video on React testing , Jest etc

  • @Technoph1le
    @Technoph1le2 жыл бұрын

    Thank you so much. Hope to see more videos like that

  • @omnimathic
    @omnimathic11 ай бұрын

    Very smooth brother. Amazing video

  • @YondeCode
    @YondeCode6 ай бұрын

    Thank you for this super course ! I am just wondering the last part with the custom hook where we use a generic type T

  • @niklassoderberg2168
    @niklassoderberg21682 жыл бұрын

    This video is one of your best ones!

  • @LalaYamazaki
    @LalaYamazaki Жыл бұрын

    Great video. Followed step by step and completed the whole project! Thank you! If possible, upload more of these!

  • @victorromeo949
    @victorromeo9492 жыл бұрын

    Spent the whole day doing this, my confidence is going up at the speed of light. 26th June 2022

  • @theisoj
    @theisoj2 жыл бұрын

    Thanks Kyle for this tutorial!

  • @marcuspowers9455
    @marcuspowers94559 ай бұрын

    Could you make a video on all the keyboard shortcuts you use?

  • @user-of9uy9bf6e
    @user-of9uy9bf6e9 ай бұрын

    You're a gem in this man

  • @kybkap8686
    @kybkap8686 Жыл бұрын

    thank you kayle very nice tutorial. I wish if you made an express server connected to mongo db and put items there and maybe login route as seller (who will post items to db ) and a login as customer. but i will try to do these )

  • @ryanwoods3333
    @ryanwoods3333 Жыл бұрын

    more React and TypeScript content please!

  • @vaswna14
    @vaswna14 Жыл бұрын

    You are amazing !!! Thank you for your tutorial Videos...!!! 🥰

  • @giantPangolin
    @giantPangolin2 жыл бұрын

    Great content, man. Could you do a follow up of this project implementing a login page and a search bar?

  • @taroserigano6546
    @taroserigano65462 жыл бұрын

    i was waiting for your Typescript App!!!!

  • @duvu9760
    @duvu9760 Жыл бұрын

    really helpful man, thanks so much

  • @berkaycirak
    @berkaycirak Жыл бұрын

    Thanks for sharing man, I have a question to you. Should we use "Decorators" while working on a React project

  • @vladmob
    @vladmob Жыл бұрын

    Awesome video!❤ Thanks a lot!

  • @MSEIN2303
    @MSEIN23037 ай бұрын

    The training was excellent but very fast❤❤😍

  • @mpowereer6992
    @mpowereer69922 жыл бұрын

    great tutorial!! more typescript!!!!

  • @Aarron656
    @Aarron6562 жыл бұрын

    If the premium course package was cheaper I would buy it for sure!

  • @jamalkheirbeik
    @jamalkheirbeik2 жыл бұрын

    Good stuff as always kyle

  • @ziadx3
    @ziadx310 ай бұрын

    this video is incredibly useful!

  • @miq_5239
    @miq_52392 ай бұрын

    Yoo nice tutorial man. I used the 'useCallback' hook on your functions inside the context tsx file to prevent unnecessary re-renders if the state variable is being updated. just wanted to ask if you think this is necessary. Thanks in advance

  • @rishabsharma5307
    @rishabsharma53072 жыл бұрын

    hey kyle, can you please make a video on improving core web vitals of a website?

  • @UC_ganja
    @UC_ganja2 жыл бұрын

    Although I don't need it but it sure is good to know about it in case I need it so thanks for the info

  • @TheIndy81
    @TheIndy812 ай бұрын

    Great videos! just a question, why that "as NavLink" needed in the NavBar?

  • @valeriousmonk654
    @valeriousmonk6542 жыл бұрын

    More videos like this. Thank you

  • @uthmanabdullahi4590
    @uthmanabdullahi45904 ай бұрын

    This is really helpful

  • @rahavareddy5510
    @rahavareddy55102 жыл бұрын

    Do more videos on Reactjs and TS Thank you ❤️

  • @regilearn2138
    @regilearn21382 жыл бұрын

    Like this please do Fully loaded MERN project with typescript, which include all the real-world example.

  • @yugeshkk3062
    @yugeshkk3062 Жыл бұрын

    Thank you very much Kyle...

  • @rariboys8366
    @rariboys83662 жыл бұрын

    Hey kyle, is there a reason why you used a normal variable for cartQuantity instead of using useState, thank you.

  • @wyneeoo
    @wyneeoo Жыл бұрын

    you're awesome as always : ) Thanks a lot.

  • @jordantanaliga100
    @jordantanaliga100 Жыл бұрын

    Please do more projects with typescript, Sir

  • @YahiaHegazy
    @YahiaHegazy Жыл бұрын

    Wow! I have a question regarding the syntax. You placed ?.quantity after the find, what does this do? Thank you!

  • @wallyssonlima2705
    @wallyssonlima2705 Жыл бұрын

    You’re amazing!! 👏🏻

  • @zipsoft
    @zipsoft7 ай бұрын

    Hi, Do you have a demo for place order page?

  • @NoobishxPhenom
    @NoobishxPhenom Жыл бұрын

    How would you customize the default bootstrap colors here? Im trying to change the theme of the website

  • @smitagravat1063
    @smitagravat1063 Жыл бұрын

    I just want to say thank you ❤

  • @mahamednasr9269
    @mahamednasr9269 Жыл бұрын

    I would hope if you can tell us the extensions you use specially the ones you used in this vidoe

  • @tejasnikam3287
    @tejasnikam3287 Жыл бұрын

    Awesome as always

  • @elvinqurbanov6669
    @elvinqurbanov66697 ай бұрын

    Thank you for perfect video

  • @Nanashi-rq7lk
    @Nanashi-rq7lk11 ай бұрын

    This video is so clear

  • @phonghoanggia9181
    @phonghoanggia91812 жыл бұрын

    Your videos are so amazing! But I hope u can use a prettier theme instead of default VSC theme.

  • @Abdul_Wajid

    @Abdul_Wajid

    Жыл бұрын

    The default theme is more cleaner and easy to work with.

  • @zeeshanahmadkhan810
    @zeeshanahmadkhan8102 жыл бұрын

    Hi Kyle, please tell us which mic you use.

  • @markperrycr02
    @markperrycr022 жыл бұрын

    Hi Kyle, what does createContext and useContext actually do? Thanks!

  • @internetexplorer7880
    @internetexplorer78802 жыл бұрын

    Which display property are you using for your hair?

  • @jousufjacob8251
    @jousufjacob8251 Жыл бұрын

    Good tutorial over all.

  • @balachalla9049
    @balachalla90492 жыл бұрын

    I like it and implemented successfully

  • @williamroncallo7926
    @williamroncallo7926 Жыл бұрын

    The route example did not work for me; I had to add the element in the app component, wrapping all of the return code in it

  • @carosendahl
    @carosendahl Жыл бұрын

    I have a question. I love your tutorials by the way. I was coding along with the video, and somehow my environment tweaked out and started complaining that ShoppingCartContext was a namespace as a type error, and I couldn't fix it. I had to delete the entire project and start over. Do you know what causes this error and why it totally messes up the react environment? Sometimes (many times) I am an idiot, and I just can't figure it out :)

  • @petalx3682
    @petalx36822 жыл бұрын

    thanks man, very nice project +

  • @sonamohialdin3376
    @sonamohialdin3376 Жыл бұрын

    Amazing tutorial

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl3 ай бұрын

    Superb awesome tutorial

  • @patitorodri
    @patitorodri Жыл бұрын

    awesome man, thanks

  • @user-ie7md3mm6x
    @user-ie7md3mm6x2 жыл бұрын

    thank you man!