--- title: "Jonatas Artagnan (@jonatasArtagnan) | Hashnode" description: "Jonatas Artagnan (@jonatasArtagnan) writes on Hashnode. Read their latest articles and follow their work." url: "https://hashnode.com/@jonatasArtagnan" --- @jonatasArtagnan # Jonatas Artagnan @jonatasArtagnan · Joined August 2025 ### [Solving Prop Drilling with React Context](https://reactnoobtomaster.hashnode.dev/solving-prop-drilling-with-react-context?utm_source=hashnode&utm_medium=feed) 1\. Introduction to State Management in React What is "Prop Drilling"? The concept of prop drilling in React refers to the problem of passing properties from a component very high up in the hierarchy to a component much further down. As the name impli... 7 min read · [reactnoobtomaster.hashnode.dev](https://reactnoobtomaster.hashnode.dev/solving-prop-drilling-with-react-context?utm_source=hashnode&utm_medium=feed) [Oct 1, 2025](https://hashnode.com/posts/solving-prop-drilling-with-react-context/68dd778b70eb79621100af10) ### [Using useLocation to send data between pages](https://reactnoobtomaster.hashnode.dev/using-uselocation-to-send-data-between-pages?utm_source=hashnode&utm_medium=feed) Introduction UseLocation is a react-router-dom hook that can identify exactly where the user is in the app, based on the URL. It's a tool that can make your app "self-aware." Main use cases: 1 - Toggle visibility of certain components according to th... 4 min read · [reactnoobtomaster.hashnode.dev](https://reactnoobtomaster.hashnode.dev/using-uselocation-to-send-data-between-pages?utm_source=hashnode&utm_medium=feed) [Sep 8, 2025](https://hashnode.com/posts/using-uselocation-to-send-data-between-pages/68bef0aef2c4e1cd045aba33) ### [How to use useRef React hook](https://reactnoobtomaster.hashnode.dev/how-to-use-useref-react-hook?utm_source=hashnode&utm_medium=feed) Introduction UseRef is a React hook that works very similarly to the well-known useState. The main difference is that useRef avoids unnecessary component re-rendering. UseRef is used when we need to perform constant updates to a given variable or ele... 3 min read · [reactnoobtomaster.hashnode.dev](https://reactnoobtomaster.hashnode.dev/how-to-use-useref-react-hook?utm_source=hashnode&utm_medium=feed) [Aug 28, 2025](https://hashnode.com/posts/how-to-use-useref-react-hook/68b069566deaed14b44164cb) ### [Understand the useMemo hook](https://reactnoobtomaster.hashnode.dev/understand-the-usememo-hook?utm_source=hashnode&utm_medium=feed) Introduction - What is memoization in React Memorization, in a general context, is an optimization technique to improve program speed. Using this technique, we store the results of the function we're optimizing in the browser cache. If we execute the... 2 min read · [reactnoobtomaster.hashnode.dev](https://reactnoobtomaster.hashnode.dev/understand-the-usememo-hook?utm_source=hashnode&utm_medium=feed) [Aug 18, 2025](https://hashnode.com/posts/understand-the-usememo-hook/68a3965d5db2d0a9546e1e7a) ### [How hook useCallback works?](https://reactnoobtomaster.hashnode.dev/how-hook-usecallback-works?utm_source=hashnode&utm_medium=feed) What is useCallback in React JS? UseCallback is a native React JS hook that memorizes functions, preventing them from being recreated every time a component is rendered, unless there's a change in the dependency list. Let's explain with simple exampl... 2 min read · [reactnoobtomaster.hashnode.dev](https://reactnoobtomaster.hashnode.dev/how-hook-usecallback-works?utm_source=hashnode&utm_medium=feed) [Aug 13, 2025](https://hashnode.com/posts/how-hook-usecallback-works/689ca5bab894c1236bef8d4e)