Developer, Programmer, Avid Learner
Remember 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...
- 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...
1. 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...
https://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...
The 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 ...
This is a quick step-by-step guide for setting up Redux (Toolkit) testing using Cypress. I assume you already know how to install, set up, and use Redux (Toolkit) and Cypress separately. 1. Accessing the Redux Store You can't directly import and inte...
I recently started a Next.js v13 project with styled-components and had to jump through many hoops to have a working setup. In this article, I will go over the process step by step. 1. Install Next.js (with TypeScript) npx create-next-app@latest 2. ...
This will be a long post in which I go over why and how I made these components/packages. tl;dr: I spent a lot of time on them and learned a lot in the process. Have fun using them :) 1. The Beginning The past few months have been a fun ride for me f...
While it may seem complicated at first, making a 3D parallax effect with CSS is pretty easy and straightforward. Let's say we have a div element with two nested div elements (children) and we want to apply the 3D parallax effect to them: - HTML <div ...
