#customhooks articles

KSKanishka Shashinodej.hashnode.devJul 10 · 11 min read

React Hooks Masterclass: useState, useEffect, and Custom Hooks

Introduction How does React remember information between renders? Imagine clicking a button that increases a counter. The component function runs again after every click, yet React somehow remembers t

0

FKFaiaz Khanusefaiaz.hashnode.devJul 7, 2025 · 3 min read

Debouncing in React: Because Your API Deserves a Break

Debounced Search in React: A Lifesaver You ever build a search input, and suddenly your API starts sweating? Yeah, same. In this post, we’ll show how to build a debounced search in React, explore the useEffect magic behind it, and prevent your app fr...

0

ASAbhishek Sadhwaniabhisheksadhwani.hashnode.devFeb 13, 2025 · 5 min read

Building Smarter React Apps with Custom Hook

React Hooks revolutionized state management and side effects, making it easier to reuse logic without class components. While built-in hooks like useState, useEffect, and useContext are powerful, Custom Hooks allow developers to encapsulate complex l...

0

CKCHIRAG KUMARichiragkumar.techApr 25, 2024 · 1 min read

Browser functionality-related hooks : online/offline

using custom Hooks in React, with Browser functionality we can check whether the Internet connection is Online or Offline // it reutrn true or false window.navigator.onLine import React, { useState,useEffect } from 'react'; import axios from 'axios'...

0

PNPiyush Nanwaniblog.atomxel.comMar 27, 2024 · 3 min read

The React Hooks you need to know

In this blog, we'll cover fundamental hooks like useState, useEffect, useRef, and useContext. Then we will talk about custom hooks. React Hooks useState The useState hook allows functional components to manage state. Let's look at a simple example: i...

0

RORodgers Ogadaogadar.hashnode.devJan 24, 2024 · 4 min read

Using React Custom Hooks

Scenario I'm tasked with handling the logout logic for our React application. We have a redux store that stores a user's state once we pass a JWT token upon login. Simple right? What are hooks and and custom hooks? Hooks In React, a hook is a special...

0

VJVishal Jadhavvampired.hashnode.devJan 15, 2024 · 2 min read

"React Custom Hooks: Simplifying Complex Tasks for a Smoother Development Journey"

Introduction: In the dynamic world of web development, creating modular and reusable code is essential for maintaining clean and efficient projects. One powerful feature of React is custom hooks, allowing developers to encapsulate logic and share it ...

0

HSHenna Singhcodelady.hashnode.devJan 5, 2024 · 16 min read

Reusability - React

Notes from Scrimba Advance React course React allows to create components that can be re-used anywhere its needed in the application. This helps simplify codebase in larger code-bases. The listed topics include: Children Compound Components Contex...

0

LALingarajTechhub All About Programminglingarajtechhub.comDec 21, 2023 · 2 min read

10 interview questions regarding ReactJS custom Hook

Here are 10 interview questions related to React custom hooks: What is a custom hook in React? Explain the concept of custom hooks and their role in React applications. How do you create a custom hook in React? Describe the process of creating a...

0

IInseoYang1nxeo.hashnode.devNov 15, 2023 · 6 min read

React custom hook - useInput 정성들여 깎기

개인프로젝트의 useInput 커스텀 훅을 보다가 좀 더 재사용 가능하게 고치고싶어졌다. 기존 코드 import { useState } from "react"; import { InputValue } from "../../../data/type/type"; export const useInput = (initialValue: InputValue) => { const [inputValue, setInputValue] = useState<In...

0

#customhooks

#customhooks

Explore Hashnode

Trending tags this week

React Hooks Masterclass: useState, useEffect, and Custom Hooks

Debouncing in React: Because Your API Deserves a Break

Building Smarter React Apps with Custom Hook