React Custom Hooks with Axios Async useEffect | React Tutorials for Beginners

Опубликовано: 06 Август 2021
на канале: Dave Gray
29,453
723

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Build React custom hooks with Axios in this React tutorial for beginners. We'll construct our own useFetch hook that applies Axios instead of the Fetch API. We'll also get started with a simple custom hook called useWindowSize.

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

🚀 This lesson is part of a Learn React tutorial series playlist:
   • React Tutorials  

🔗 Project Source Code: https://github.com/gitdagray/react_cu...

React Custom Hooks

(00:00) Intro
(00:05) Welcome
(00:19) Quick Set Up
(00:43) Rules of Hooks
(01:45) React Custom Hooks are like recipes
(02:41) Creating the useWindowSize custom hook
(08:46) Reviewing the useWindowSize custom hook
(09:25) Applying useWindowSize to the React App
(15:01) Remember the useEffect clean up function
(17:20) Creating the useAxiosFetch custom hook
(25:34) Reviewing the useAxiosFetch custom hook
(27:16) Applying useAxiosFetch to the React App
(35:19) Final clean up

🔗 Rules of Hooks:
https://reactjs.org/docs/hooks-rules....

🔗 Collections of Hooks:
https://nikgraf.github.io/react-hooks/
https://www.npmjs.com/package/react-use

🔗 Axios:
https://www.npmjs.com/package/axios

🔗 React Router:
https://reactrouter.com

🔗 JSON-Server:
https://www.npmjs.com/package/json-se...

🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/...

🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/de...

🔗 Styled Components: https://styled-components.com/

📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(...)
React Jobs: https://www.ziprecruiter.com/candidat...

✅ Follow Me:
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  
Blog: https://yesdavidgray.com
Reddit:   / daveoneleven  

Was this tutorial about React Custom Hooks helpful? If so, please share. Let me know your thoughts in the comments.

#react #custom #hooks


Смотрите видео React Custom Hooks with Axios Async useEffect | React Tutorials for Beginners онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Dave Gray 06 Август 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 29,453 раз и оно понравилось 723 людям.