RSRashid Shamlooinrashidshamloo.hashnode.dev·Jan 3, 2024 · 8 min readAPI 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...00
RSRashid Shamlooinrashidshamloo.hashnode.dev·Oct 20, 2023 · 5 min readReact 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...00
RSRashid Shamlooinrashidshamloo.hashnode.dev·Sep 14, 2023 · 8 min readMedia 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...00
RSRashid Shamlooinrashidshamloo.hashnode.dev·Sep 5, 2023 · 10 min readIntroducing 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...00
RSRashid Shamlooinrashidshamloo.hashnode.dev·Aug 9, 2023 · 2 min readPreventing 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 ...00
