React Ecommerce App React Hooks Part 4

React Ecommerce App React Hooks Part 4

Laptop used in the video :- https://amzn.to/301ZTJU

This is the 4th part of React Ecommerce Project. In this video I have shown how to use React hooks to get the data from an external API and display on the page. Hooks are the new feature introduced in the React 16.8 version. It allows you to use state and other React features without writing a class. Hooks are the functions which "hook into" React state and lifecycle features from function components. It does not work inside classes. Hooks are similar to JavaScript functions, but you need to follow these two rules when using them. Hooks rule ensures that all the stateful logic in a component is visible in its source code. In this video tutorial we are using Axios to get the data from api.

Points covered :
- Create functional component
- Use React Hooks useState , useEffect
- useState to set Initial State
- Install axios using npm install axios
- useEffect to call the api and reset the state
- Apply Map function on data object and render the items dynamically

Tools Used : Visual Studio Code , Microsoft SQL SERVER , Dot Net MVC API , Notepad++ , Postman

? Recommended Courses
➤ React Ecommerce Tutorial : https://youtu.be/hrYAQbKHT6M
➤ React JS Tutorial : https://youtu.be/osGASdatQyw
➤ React Router Tutorial : https://youtu.be/fDBD3E0zxTg
➤ Convert Html Template in Reactjs : https://youtu.be/oQXsSpuXUl4
➤ ASP.Net WEB API Tutorial : https://youtu.be/ouiHedLJjTs
➤ SQL SERVER Tutorial : https://youtu.be/cqgVxKdDq3Y
➤ HTML Crash Course: https://youtu.be/65qD_SaiKWA
➤ Payment Gateway Integration : https://youtu.be/CA2IR2AEN7I
➤ WEB API With SQL SERVER : https://youtu.be/ifgZdY3T0Gs


☕ Buy me a Coffee (Channel Support through Donation)
➤ Online: https://bit.ly/32f22mQ
➤ Google Pay UPI ID: deshwal.03@okicici

Subscribe to this channel
➤ https://bit.ly/2IaMZUr

Share, Support, Subscribe Now :

Youtube ? : https://youtube.com/ManojDeshwal
Instagram ? : https://instagram.com/openprogrammer
Twitter ? : https://twitter.com/openprogrammer
Facebook ? : https://facebook.com/openprogrammer
Website ? : https://www.connectedprogrammer.com/

⭐️Tags : ⭐️

#reactecommerce
#reactrouting
#manojdeshwal

⭐️ Topics are covered as follows : ⭐️

react
react course
react tutorial
react tutorial for beginners
react.js
react.js course
react.js tutorial
react.js course for beginners
react.js tutorial for beginners
ecommerce react
Fetch Data from an API in React.js
fetch data reactjs
fetch data react.js
Data from an API in React.js
from an API in React.js
Fetch Data from an API
javascript fetch
javascript fetch api
javascript fetch tutorial
fetch tutorial js
webdev
app development
lesson
tutorial
react
reactjs
js
react hooks
react tutorial
react hooks tutorial
usestate
react usestate
usestate react
react js usestate
usestate hook
react hooks
react usestate hook
usestate tutorial
react tutorial
react js tutorial
reactjs usestate
react js usestate tutorial
use state react js
reactjs use state
js use state
react hooks tutorial
react hooks project
learn react hooks
learn react usestate
react state
react js state
learn react js
react usestate js
react beginner