Overview
Learn to build React custom hooks with Axios in this beginner-friendly tutorial. Explore the creation of a useFetch hook utilizing Axios instead of the Fetch API, and develop a simple useWindowSize hook. Dive into the rules of hooks, understand how custom hooks function like recipes, and apply these concepts to create practical, reusable components. Follow along as the instructor guides you through setting up the project, creating and reviewing the custom hooks, and implementing them in a React application. Gain insights on important concepts such as the useEffect clean-up function and the proper application of custom hooks. By the end of this tutorial, you'll have a solid understanding of how to create and utilize custom hooks to enhance your React applications.
Syllabus
Intro
Welcome
Quick Set Up
Rules of Hooks
React Custom Hooks are like recipes
Creating the useWindowSize custom hook
Reviewing the useWindowSize custom hook
Applying useWindowSize to the React App
Remember the useEffect clean up function
Creating the useAxiosFetch custom hook
Reviewing the useAxiosFetch custom hook
Applying useAxiosFetch to the React App
Final clean up
Taught by
Dave Gray