--- title: "Fadil Dairo (@FadilDairo) | Hashnode" description: "Frontend Engineer who loves to solve problem one line of code at a time. Read the latest articles by Fadil Dairo on Hashnode." url: "https://hashnode.com/@FadilDairo" --- @FadilDairo # Fadil Dairo @FadilDairo · Joined October 2022 Frontend Engineer who loves to solve problem one line of code at a time ### [Implementation of useCallback in React](https://fadilcodes.hashnode.dev/implementation-of-usecallback-in-react?utm_source=hashnode&utm_medium=feed) React's useCallback Hook can be used to optimize the rendering behavior of our React function components. We will go through an example component to illustrate the problem first, and then solve it with React's useCallback Hook. React is fast by defau... 5 min read · [fadilcodes.hashnode.dev](https://fadilcodes.hashnode.dev/implementation-of-usecallback-in-react?utm_source=hashnode&utm_medium=feed) [Nov 13, 2022](https://hashnode.com/posts/implementation-of-usecallback-in-react/63711bfda42630c3d0d8c89a) ### [Introduction To React Ref](https://fadilcodes.hashnode.dev/introduction-to-react-ref?utm_source=hashnode&utm_medium=feed) REACT USEREF HOOK: REFS React refs are strongly associated with the DOM. This has been true in the past, but not anymore since React introduced React Hooks. Ref means just reference, so it can be a reference to anything (DOM node, JavaScript value, .... 2 min read · [fadilcodes.hashnode.dev](https://fadilcodes.hashnode.dev/introduction-to-react-ref?utm_source=hashnode&utm_medium=feed) [Nov 8, 2022](https://hashnode.com/posts/introduction-to-react-ref/636a3d077d6661e370b1911d) ### [Implementation of React useEffect to Fetch Data](https://fadilcodes.hashnode.dev/implementation-of-react-useeffect-to-fetch-data?utm_source=hashnode&utm_medium=feed) In this module, we'll learn how to fetch data in React with Hooks by using the state and effect hooks. We will use the Hacker News API to fetch popular articles from the tech world. We will also implement a custom hook for data fetching that can be r... 20 min read · [fadilcodes.hashnode.dev](https://fadilcodes.hashnode.dev/implementation-of-react-useeffect-to-fetch-data?utm_source=hashnode&utm_medium=feed) [Oct 31, 2022](https://hashnode.com/posts/implementation-of-react-useeffect-to-fetch-data/635fcaf33d4c7d0bfefa714b) ### [Implementation of useEffect Hook in React](https://fadilcodes.hashnode.dev/implementation-of-useeffect-hook-in-react?utm_source=hashnode&utm_medium=feed) Our goal in this tutorial is to learn everything there is about the useEffect hook. We have two React components where the parent component manages the state with React's useState Hook: import \* as React from "react"; import {Toggler} from "./Toggler... 7 min read · [fadilcodes.hashnode.dev](https://fadilcodes.hashnode.dev/implementation-of-useeffect-hook-in-react?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/implementation-of-useeffect-hook-in-react/63517cdf5c78a55ec68c7094) [Oct 20, 2022](https://hashnode.com/posts/implementation-of-useeffect-hook-in-react/63517cdf5c78a55ec68c7094) ### [React useEffect Hook](https://fadilcodes.hashnode.dev/react-useeffect-hook?utm_source=hashnode&utm_medium=feed) React's useEffect hook allows us to perform side effects in our components. The useEffect hook is often used for interactions with the Browser/DOM API or external API like data fetching. I'll demonstrate how the useEffect hook is used for interaction... 5 min read · [fadilcodes.hashnode.dev](https://fadilcodes.hashnode.dev/react-useeffect-hook?utm_source=hashnode&utm_medium=feed) [Oct 18, 2022](https://hashnode.com/posts/react-useeffect-hook/634eb3a742f0fae76bb3b37d)