Tag feed

#react-hooks

354 posts22 followers

Trending tags this week

STShailaja Tripathireact-mastery-series.hashnode.dev

📘 React Mastery Series — Day 23

Ref Forwarding & Advanced useRef Patterns in React By now, we know: 👉 useRef can access DOM👉 It can store mutable values👉 It doesn’t cause re-render But today we go one level deeper. We learn: ✔ Re

Feb 233 min read

STShailaja Tripathireact-mastery-series.hashnode.dev

📘 React Mastery Series — Day 17

useRef Deep Dive — DOM Access + Persistent Values Explained Many developers think: useRef is only for accessing DOM. That’s only 50% truth. Today we’ll understand the real power of useRef. 🤔 What is useRef? useRef is a React hook that lets you s...

Feb 183 min read

STShailaja Tripathireact-mastery-series.hashnode.dev

📘 React Mastery Series — Day 12

useReducer Hook Explained in the Simplest Way (With Real Example) Many developers get scared when they hear: “Use useReducer instead of useState.” But honestly? useReducer is just a more structured way to manage state. Let’s break it down simply. ...

Feb 123 min read

PSPalash Shrotekeystrokes.hashnode.dev

Get Set Go

🧑‍💻Source code 🚀Live on Development Journey Phase 1: Foundation Setup Initialised React project with Vite Set up basic component structure Implemented initial UI layout Phase 2: Core Functionality & State Management Added user input handl...

Feb 73 min read

STShailaja Tripathireact-mastery-series.hashnode.dev

📘 React Mastery Series — Day 5

Controlled vs Uncontrolled Components in React (Forms Made Simple) Handling forms correctly is a must-have skill for every React developer. In React, there are two ways to work with inputs: 👉 Controlled Components👉 Uncontrolled Components Let’s und...

Feb 52 min read

PTPranshu Tiwariuseeffectreact.hashnode.dev

useEffect

Understanding useEffect: React's "Do Something After Render" Hook Hey! Now let's learn about useEffect - it's like giving your component superpowers to do things at specific times. What Does useEffect Do? Think of useEffect as a side effect manager. ...

Jan 287 min read

JJJugal Jogireactaurchai.hashnode.dev

React Summary Day-3

Heyy everyone, this is my third day of learning React from Chai Aur Code(Hitesh Choudhary Sirr), today i learned about hooks. Why hooks are required, how it works and how to use it. In a nutshell, hooks are nothing but the way for react to propagate ...

Jan 242 min read

HJharish jangirmistary.hashnode.dev

Hooks for Safely go back to previousin reactjs

Checks if history exists Falls back to a default route if no previous page Works with React Router v6 import { useNavigate } from "react-router-dom"; const useGoBack = () => { const navigate = useNavigate(); const goBack = () => { if (...

Jan 61 min read

JCJohn Costablog.jcosta.tech

Modeling React State as a Finite State Machine

Back in 2022, I wrote Building a Traffic Light React App exploring how to model UI state as a finite state machine. The key insight was naming states by their business meaning rather than their visual representation, like PriorityStraight instead of ...

Dec 30, 20254 min read

AAmie.codecoffeee.hashnode.dev

Understanding React Lifecycle Methods

In React, every component goes through a series of stages called the lifecycle. These stages define how a component is created, updated, and removed. By understanding the React lifecycle, developers can run code at the right moments, manage resources...

Dec 26, 20258 min read

#react-hooks

Search Hashnode

#react-hooks

Trending tags this week

📘 React Mastery Series — Day 23

📘 React Mastery Series — Day 17

📘 React Mastery Series — Day 12

Get Set Go

📘 React Mastery Series — Day 5

useEffect

React Summary Day-3

Hooks for Safely go back to previousin reactjs

Modeling React State as a Finite State Machine

Understanding React Lifecycle Methods