Custom Hooks in React

In this video, Amy explains what a hook is and how to set up a custom hook. Using her custom audio player as a starting point, she makes the code more reusable converting it to a custom hook library.

0:00 Introduction
1:31 Getting the Project Setup Locally
3:02 What is a Hook?
4:07 Creating our Custom Hook
18:07 Tidying up our code
19:13 Making our component more reusable
21:09 Prop Types and Defaults

⭐ MULTI-PART SERIES
* Part 1 - Building a Custom Audio Player within React - https://youtu.be/sqpg1qzJCGQ
* Part 2 - Debugging within VS Code - https://youtu.be/64n-M6W0qKE
* Part 3 - Adding Chapters / Bookmarks - https://www.youtube.com/watch?v=dL4DUdSYZ7k
* Part 4 - Adding Time Jumps - https://youtu.be/rDs8gYfcc5g
* Part 5 - When the player reaches the end... - https://youtu.be/Mw74Die7QZU
* Part 6 - Creating Custom Hooks = YOU ARE HERE
* Part 7 - Creating a Custom npm package
* Part 8 - Adding an Audio Waveform Image
* Part 9 - Handling Multiple Audio Players on the Page
* Part 10 - Handing off to a Persistent Player

? GIST of Personal Snippets - https://gist.github.com/ahaywood/fdfb05c4328e2ffe1bcbdfaca8a4a662

? STARTING POINT
+ GitHub - https://github.com/selfteachme/0050-end-of-audio

? FINAL CODE
* GitHub - https://github.com/selfteachme/0051-audio-hooks

? LINKS
* Next.js Router Documentation - https://nextjs.org/docs/api-reference/next/router

?? Get Updates and Exclusive content at http://selfteach.me
? SelfTeach.me is a Zeal show: http://codingzeal.com