Mastodawn

Yagiz Nizipli (@yagiznizipli)

react-doctor의 새 규칙 rerender-state-only-in-handlers를 소개한다. useState로 관리 중인 값이 렌더 반환문에서 사용되지 않으면 useRef를 쓰라고 안내하며, 불필요한 리렌더를 줄이도록 돕는 개발 도구 업데이트다.

https://x.com/yagiznizipli/status/2054573748838084747

#react #linting #developertools #useref #rerender

Yagiz Nizipli (@yagiznizipli) on X

@aidenybai another one. cont [view, setView] = useState('login') if (view === 'login') return <blabla> ⚠ react-doctor/rerender-state-only-in-handlers ×3 useState "view" is updated but never read in the component's return — use useRef so updates don't trigger re-renders

X (formerly Twitter)

Habr Mar 28

Как React обновляет UI: trigger → render → commit

Когда говорят «React перерендерился» — обычно имеют в виду что-то расплывчатое. Новичкам это слово объясняет всё и ничего одновременно. В официальной документации процесс описан точнее: trigger → render → commit . Давайте разберём, что происходит на каждом этапе — без магии, зато с Fiber, флагами и браузерным пайплайном.

https://habr.com/ru/articles/1016180/

#javascript #react #reactjs #фронтенд #frontend #браузер #render #rerender #commit #fiber

Как React обновляет UI: trigger → render → commit

Когда говорят «React перерендерился» — обычно имеют в виду что-то расплывчатое. Новичкам это слово объясняет всё и ничего одновременно. В официальной документации процесс описан точнее: trigger →...

Хабр