Create Simple Shopping Cart with React Hook - Reactjs useState Hook Tutorial for Beginner

Hello everyone,

⌚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

#reactjs #frontend #reactwebsite

⭕ Learn Fullstack development ⭕
✔Front-end development
✔Back-end development

⭕ Learn more ⭕

🔶🔷 FOLLOW ME 🔶🔷

🔑🔑 KEYWORDS 🔑🔑

React- Build an Image Gallery/Slide Show App
React Image Slideshow Tutorial

javascript,react,reactjs,image gallery,image slider,es6,react hooks,usestate,web development,web design,coding,learn to code,programming,thumbnail gallery,css,react slider
react,tutorial,javascript,transition,css3,html5,animation,fade in,fade out,translatex,ihatetomatoes,how to,image slideshow,slider,front-end tutorial

[kennycreator]

Hey i'm trying to use react hooks with flatlist in react native. The buttons are outside the export default. How do i get react hooks to work?

[TshepoShere]

Change your text editor them, it is hard to read