ReactJs double render
When I try to refresh page it prints "1" twice. But I'm not using any useState or variable update or state change I think. Can you tell me where I'm wrong? import "./styles.css"; import React, { useState, useEffect, useRef }…
Reactjs – When does re-rendering actually happens?
Code: import { useState } from 'react'; export default function Counter() { const [number, setNumber] = useState(0); return ( <> <h1>{number}</h1> <button onClick={() => { setNumber(number + 1); setTimeout(()=>setNumber(number + 1),2000); setTimeout(()=>setNumber(number + 1),5000); }}>+3</button> </> ) } I went…
Reactjs – useCallback + setState. Using previous state value vs passing the state as a dependency
So the task is: When you click on the "Increase temperature by 1 degree" button, the temperature increased The TempDisplay component should not be rerendered when clicking on the "Increase by 10 seconds" button My solutions: useCallback(() => (setTemp(temp+1)),[temp]) and…
Should I use useMemo to wrap components delivered as props in React composition pattern?
Our React project has a code written in Composition Pattern as below. return ( <Template title={ useMemo( () => ( <> <TitleComponent prop={value} /> <TitleComponent prop={value} /> </> ), [deps] ) } /> ) I didn't apply useMemo to TitleComponent…
why component re-render again even with useCallback? – Reactjs
I have a User Page that fetch the user info with a custom hook useFetchUserId(). This custom hook uses useEffect to fetch the data, and has a console.log that is printed every time I switch between tabs, even if I…
React Native component not re-rendering when state is updated
I have a component in my React Native app that displays a list of pending friends. This component makes a GET request to an API to retrieve the list of pending friends and then uses a useEffect hook to map…