Member-only story
4 Custom Hooks to Boost Your React App
Make your code cleaner and more reusable with custom react hooks.
Exciting news! I’m moving all of my content into one home — my personal website https://marcoghiani.com/.
Everything will be easier to find, better organized, and packed with fresh updates.
To stay in the loop and never miss a beat, be sure to subscribe to my newsletter! You’ll be the first to know about new posts, exclusive content, and more! You can find some of these posts there!
After 9 months since the first stable release, React Hooks have changed the way frontend developers write React components. It’s a normal step in the evolution process of libraries like this, the introduction of new features decides which libraries and frameworks survive over others in the continuous race of frontend development. React was already a highly regarded frontend library, but with the React Hooks introduction, it made a big step.
Why React Hooks?
They help developers to keep control of side effects for our functional components without the need for using a class approach and lifecycle methods such as componentDidMount, componentDidUpdate, etc. Furthermore, they allow developers to share logic across components, reducing code duplication and human errors.
React has built-in hooks that provide functionality around the component control process, but the most amazing feature is the ability to combine them to create custom hooks and the ability for hooks to interact with the browser’s API.
There are numerous libraries that provide custom hooks, and some of those may handle the functionality we’re creating here and in a better way. However, it’s always good to see what happens behind the scene of functions that you already use every day! Let’s write our custom hooks!
usePrefetch
The usePrefetch hook can help you improve the loading time of the main app page by…
