@hamidmohamadi

Zustand and Next.js

May 9, 2023 · 2 min read · As your application grows, it helps to be more intentional about how your state is organized and how the data flows between your components. Zustand is a small, fast, and scalable bearbones state management solution. Zustand has a comfy API based on ...

React memo() vs useMemo() vs useCallback()

Mar 11, 2023 · 4 min read · Think of memoization as caching a value/Component so that it does not need to be recalculated/re-rendered.All of them can improve performance, but let's dive into each one to find out the differences: memo(): memo() is a Higher Order Component. It wi...

Create Raect app with Parcel and Jotai as a state management

Mar 9, 2023 · 4 min read · When I was new and less experienced, was working on a project and would eventually realize that the size of the project had increased and also had problems on running or building the project. So, started to work on Webpack and confused, and then swit...

Hide floating button after scroll to down in React.js

Feb 25, 2023 · 2 min read · I was working on a project that needed to move the user to the bottom of the page when the screen was small. Imported a button with absolute position, but it did not disappear at the bottom and you could see two same buttons there. The user had to se...

Next.js app with route loading

Feb 24, 2023 · 4 min read · Sometimes when switching between pages, Next.js needs to download pages from the server before rendering the page. This will happen on SSR projects especially, And it may also need to wait for the data. So while doing these tasks, the browser might b...