Create Simple Shopping Cart with React Hook - Reactjs useState Hook Tutorial for Beginner
Hello everyone, You are going to learn about react hook if you don't have basic knowledge don't worry I am making this tutorial by keeping in mind that you know nothing about React.js but HTML and CSS is must. If you want to learn more you can check out my youtube channel.
⌚Timestamp 00:00 introduction 01:10 Create boiler plate project 02:27 Run the project and making first component 03:32 Using extension for Visual Studio Code 04:07 Get the source code (Get css file free) 05:26 Use shortcut for writing function based components 06:27 Change title and making our menu 07:47 import css in jsx and make second menu item 09:05 Getting free icon from flaticon and use it 09:32 Using image for cart 10:42 copy and paste css image 11:26 Making user interface with jsx code 14:29 Main part react hook {import use state} 15:32 Initializing react hook with default value 17:54 Rendering variable in JSX code 19:06 Working with increment and decrement quantity 21:37 Working with coupon discount 23:37 Hook for total and set default total price 26:55 Changing total price when quantity change 28:00 Add to cart function 30:38 Make a click event and passing parameters in component
👩🏾💻👨🏾💻Get source code: https://theamazinglesson.blogspot.com/2020/07/how-to-use-react-hook-create-simple.html
#reactjs #frontend #reactwebsite
⭕ Learn Fullstack development ⭕ ✔Front-end development Web ui ux design - https://www.youtube.com/watch?v=vA_Qpf4M0rY&list=PLDbgPtNOy-yBNEwvjMAYeU1aqFjrxUPmm Html css basic for beginner - https://www.youtube.com/watch?v=m5o5Xdxcbts&list=PLDbgPtNOy-yAaKcrlojz06JvAzBlujTE6 CSS Framework project - https://www.youtube.com/watch?v=MPN1IbGKHYI&list=PLDbgPtNOy-yCiZ3XOpXIgxaR4CPKQNbdn Sass for beginner - https://www.youtube.com/watch?v=k6zxrWD7-iE&list=PLDbgPtNOy-yDsPJhu1UrlxjjPzFkwojXL React.js beginner to pro - https://www.youtube.com/watch?v=YuBjOrxHcbo&list=PLDbgPtNOy-yCDw99-5JcyR00uykMpUuzQ ✔Back-end development Php crud operation - https://www.youtube.com/watch?v=RJC5JoiY9P8&list=PLDbgPtNOy-yAyOBky7o8teLBF8lbOff-Y PHP PDO - https://www.youtube.com/watch?v=Rqe9lD2qTMU&list=PLDbgPtNOy-yCfzARhO8c3iFFKA96Iq2O1 Node.js crud operation - https://www.youtube.com/watch?v=5DJ-bPpx0kU&list=PLDbgPtNOy-yDcJPbMZYm6mzWlbcEx12Qn Node.js authentication - https://www.youtube.com/watch?v=cQkDcoGGa9E&list=PLDbgPtNOy-yAW1Qyc9qxD1llyqU-DTIvo
⭕ Learn more ⭕ Linux for beginner 🏹 https://www.youtube.com/watch?v=bNCFOKBw7uI&list=PLDbgPtNOy-yDpwoY2JnRZRgKFQvPo4Ap9 Gimp Photoshop Photo Manipulation - https://www.youtube.com/watch?v=yjJqtrtoqks&list=PLDbgPtNOy-yBnaIFgp8WLOJsiOyeQkIUg Libre Office Calc - https://www.youtube.com/watch?v=olRhd-ZN_d0&list=PLDbgPtNOy-yBdXkAiWpECMlPr6aSwRJm2 Vector Graphics - https://www.youtube.com/w ... https://www.youtube.com/watch?v=YuBjOrxHcbo
127167109 Bytes