The latest articles on DEV Community by Nikos Papadopoulos (@4rknova). https://dev.to/4rknova https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3314358%2F6f26add6-c77c-4f76-bc7d-243a55315f8d.png https://dev.to/4rknova en Nikos Papadopoulos Tue, 01 Jul 2025 21:40:12 +0000 https://dev.to/4rknova/a-condensed-guide-to-react-hooks-1pjm https://dev.to/4rknova/a-condensed-guide-to-react-hooks-1pjm <p>I've put together a condensed guide that breaks down the most commonly used React hooks, compares them side-by-side, and outlines practical use cases and gotchas to avoid.</p> <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://www.4rknova.com/blog/2025/06/30/react-hooks" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/http%3A%2F%2Fwww.4rknova.com%2Fassets%2Fimg%2Fposts%2Freact_hooks%2Fog-wide.png" height="auto" class="m-0"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://www.4rknova.com/blog/2025/06/30/react-hooks" rel="noopener noreferrer" class="c-link"> A condensed guide to React hooks </a> </h2> <p class="truncate-at-3"> A quick reference guide to React hooks. When to use useState, useEffect, useRef, useMemo &amp; more. Includes comparison tablew, real examples, and common gotchas to look out for. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fwww.4rknova.com%2Fassets%2Fimg%2Ffavicons%2Fandroid-chrome-192x192.png%3Fv%3DqABrlBgnqd"> 4rknova.com </div> </div> </div> </div> react frontend webdev