Call center employee turned Software Engineer.๐งโ๐ป
I write code and lift weights.
I sometimes contribute to open source.
Google clevercoderjoy to know more.
@myplanetspark
you fucking stupid marketing ppl of @myplanetspark
you've been bombarding my mail since 3 weeks now even after reporting you as spam and blocking you and I'm gonna sue you if you don't stop
@taashuu_@MaterialUI@primereact ai creates more bugs than it resolves.
it makes one feature and silently breaks another.
how do you deal with this? and the messy code ai writes?
naah
ye mahadev k bhaqt nhi dikhawebaaz hai
ye kawariya nhi chutiya hai
pichle ek ghante se ambulance and poora traffic in namoono ki wjh se ruka hua hai or agle ghante me bhi chalne ki koi umeed nhi hai.
๐ Just wrapped up building a Giphy Clone โ and I didnโt just stop at copying features!
โจ What I built:
๐น A clean and responsive UI
๐น Infinite Scroll to keep the GIFs coming seamlessly
๐น API Caching to improve performance and reduce unnecessary API calls
This project helped me sharpen skills in frontend architecture, state management, and efficient API handling and implementing new features.
๐ธ Tech Stack:
React
Tailwind CSS
SWR (Stale-While-Revalidate) (for caching)
while creating a giphy clone project inspired by Piyush Agarwal I've implemented this method for loading more gifs across the project.
DO CHECK IT OUT. ILL UPLOAD A VIDEO SOON FOR THE SAME.
#clevercoderjoy#react#javascript
DO YOU KNOW?
Infinite scroll can be implemented in two ways in react if you're not considering the third party libraries.
1. attaching the scroll event listener and calculation the window offset.
Advantage of using the sentinel div and intersection observer method is that it will only trigger when the sentinel div is visible on the view port unlike the scroll event listener that will be triggered every time the scroll event happens in that component or page.