API Data Fetching in React / Next.jsRemember the good old days when you could just use a UseEffect() hook, define an async function with useCallback() and call it inside useEffect(), use an AbortController() to abort the fetch when the component unmounts, use useState() to make the isL...Jan 3, 2024 · 8 min readrashidshamloo.hashnode.dev
React Native setup with Expo Router, NativeWind, and TypeScript- React Native React Native lets you develop native mobile applications using React. You will have to use different elements like View, Text, and TouchOpacity instead of div, p, and button but the underlying logic is the same and you can apply what y...Oct 20, 2023 · 5 min readrashidshamloo.hashnode.dev
Media Queries and Responsive Design1. Introduction With an ever-growing number of users using mobile devices to browse the internet, responsive design is a necessity. However, The layout for a large horizontal screen (desktop) can be quite different from the layout for a small vertica...Sep 14, 2023 · 8 min readrashidshamloo.hashnode.dev
Introducing the react-next-parallax NPM packagehttps://youtu.be/Q2vpbwj4CVo 1. Introduction After spending countless hours developing this component over the past month, experimenting with different approaches, testing and making sure that the component is implemented correctly, writing the doc...Sep 5, 2023 · 10 min readrashidshamloo.hashnode.dev
Preventing the Layout Shift Caused by ScrollbarsThe Problem When content overflows the page and the scrollbar shows up, the content is pushed/shifted to the left and vice versa, when the scrollbar disappears, the content is pushed/shifted to the right: https://www.youtube.com/watch?v=6Gq3lhwX-oM ...Aug 9, 2023 · 2 min readrashidshamloo.hashnode.dev
