Rohan Sahurohandev3.hashnode.dev·Feb 18, 2025Understanding forwardRef in React: A Beginner's GuideWhat is forwardRef ? forwardRef in react is a higher order component that allow us to pass a reference (ref) from parent component to child component’s DOM element. Let's assume you have a parent component named Parent.jsx and a child component named...React
Pranav Bawgikarpranavbawg.hashnode.dev·Feb 16, 2025React Hooks & why they make life so much easier[32] useState It manages the state in a functional component. For example, toggle visibility of text. const [visible, setVisible] = useState(false); onClick = { () => setVisible(!visible)}; useEffect React has a new tool called the useEffect hook. I...React
Murali Singhmuralisingh.hashnode.dev·Jan 20, 2025Understanding useRef for Efficient DOM Manipulation in ReactIn React, useRef stores a reference to a value that can be mutated without causing re-rendering of the component. While the value can be mutated, it should not occur during the rendering phase. Instead, mutations should happen in response to user act...26 readsuseRef
Sahana S Acharyareact-diaries.hashnode.dev·Dec 22, 2024Building a Password Generator in React: Step-by-Step Guide 💡✨Introduction to the Password Generator Project 🛠️This project is a great way to practice React concepts like state management, memoization, DOM manipulation, and more. With a clean user interface and powerful functionality, you can generate secure p...useState
Nowon Leeblog.nwlee.com·Dec 16, 2024React 웹 페이지에서 Quill 에디터 텍스트 수정 페이지 작업하기Quill Quill은 웹에서 사람들이 텍스트를 편하게 입력할 수 있도록 도와주는 텍스트 에디터이다. Quill을 도입한 이유는 다음과 같다. Quill은 다양한 서식의 텍스트를 작성할 수 있는 위지윅 에디터이다. 다양한 플랫폼을 지원한다. 오픈소스로 공개되어 도입하기 어렵지 않다. 프로젝트에서 필요로 하는 모듈만 도입하여 에디터를 개발할 수 있다. React에서 Quill 공식문서에서는 에디터를 리액트 웹 페이지에 렌더링하는 방법을...React
Eddie Qiaoeddieqiao.hashnode.dev·Dec 3, 2024useRef, useMomouseMemo 相当于 vue2 中的computed,依赖项不变,结果不会重新计算。 import { useEffect, useMemo, useState } from "react" function SearchUserList() { console.log(111); const [users, setUsers] = useState(null) const [searchKey, setSearchKey] = useState('') us...ReactHooks
Gautam panditblogbygautam.hashnode.dev·Dec 1, 2024Understanding ref in React: Why and When to Use Itn React, ref is a powerful tool that allows you to directly interact with a specific DOM element or component, bypassing React's usual declarative approach. This becomes especially useful when you need to perform a task that React's state and props m...React
Prashant Pathakppathak.hashnode.dev·Oct 6, 2024How to Implement a Throttle Function in ReactWhen building modern web applications, controlling the rate at which certain functions are executed can be crucial, especially when dealing with performance-sensitive operations like event listeners (e.g., scroll, resize, or input events). One common...142 readsReact
Omkar Kastureomkarkasture.hashnode.dev·Oct 5, 2024React Hooks: useEffect, useRef, and useCallbackIn last two blog we learned what are react components, props and what react hooks are. In this blog we will interact with three useful hooks namely useEffect, useRef, and useCallback with project building simultaneously. I learned this concepts from ...9 likes·75 readsMERN-Quick GuidesReact
Sainath Kadamsainathkadam.hashnode.dev·Aug 22, 2024Userefusing this we can directly manipulate the DOM. using this how? when?-> if we have to track the initial value and current value like when we want to do the reset button that time we can use the useref insead of using the useState. eg. initialise first...1 likeuseRef