Joined July 2024
- Tweets 2,797
- Following 268
- Followers 306
- Likes 7,991
364 Photos and videos
Pinned Tweet
Yoo! I Am ππ¨πππ«πππ¬
I'm a frontend developer focused on Web3.
Currently learning React while building:
β’ Memecoin landing pages
β’ Crypto websites
β’ Web3 UI components
I'd be documenting everything here.
3
1
15
364
π I'm eligible for the DSCVR Airdrop.
Early community members are being rewarded.
Have you checked yours yet?
π dscvr.one/airdrop-hub
#DSCVR #Airdrop
1
9
Yesterday a friend referred me to build a digital menu for a hotel
Second Gig of the Month
What started as a static PDF waa turned into a mobile-first web app with vanilla HTML, CSS & JS
Link - felizahotelandsuites.pxxl.clβ¦
1
1
3
128
MOVED TO VERCEL - felizahotelandsuites.vercel.β¦
1
2
20
--force is the villain here ππ... its basically just saying this push should be the reality nowπ
2
42
I'll now step back from learning how to use React to prepping for exams starting in like a week
I'll keep involving in web 3 related contents though - getting side gigs
2
39
π π¨ π π π« π π π¬ retweeted
Mar 17
Yes.
30
129
3,356
537,521
I ran into an issue while building the movie carousel component in React
At first, I used : key={movie.id}
It worked fine. until I noticed some movies had duplicate IDs.
Now React couldnβt properly track each item.
Thatβs where things started breaking.
Why? π§΅π
File structure in React felt confusing at first.
In Van. JS it's simple:
index.html
style.css
script.js
But while converting thjs my Vanilla JS project to React, I started to understand how React organizes code.
Hereβs the structure that made things clearer for me π§΅π
1
4
50
React uses diffing (reconciliation) to update the UI.
It compares previous vs new UI and only updates what changed.
If keys arenβt unique & stable, you get weird rendering bugs.
Fix - key={movie.id "-" i}
Not perfect, but ensures uniqueness here.
2
47
And i really want to know how to write now
Be it content writing or technical writing
36
File structure in React felt confusing at first.
In Van. JS it's simple:
index.html
style.css
script.js
But while converting thjs my Vanilla JS project to React, I started to understand how React organizes code.
Hereβs the structure that made things clearer for me π§΅π
My plans this week
1. Continuing learning from the React Course I am using - currently on Effect & Data Fetching
2. Start Converting the Vanilla Js Movie Recommendation App To React Based
3. Getting Web3 jobs - Landing Pages & Community Moderating
What's your plan ?
2
1
4
170
π π¨ π π π« π π π¬ retweeted
This structure started making sense while converting a Vanilla JS project into React.
So far Iβve rebuilt the Hero Section, and itβs been a great way to understand React architecture better.
Sometimes the best way to learn a framework is by rebuilding what you already know.
1
1
29
Hooks
Hooks connect services and components.
They manage logic like:
β’ loading state
β’ error handling
β’ success state
naming: useMovies.js
Hooks help keep components clean and focused on UI.
1
2
16
This structure started making sense while converting a Vanilla JS project into React.
So far Iβve rebuilt the Hero Section, and itβs been a great way to understand React architecture better.
Sometimes the best way to learn a framework is by rebuilding what you already know.
1
1
29
My plans this week
1. Continuing learning from the React Course I am using - currently on Effect & Data Fetching
2. Start Converting the Vanilla Js Movie Recommendation App To React Based
3. Getting Web3 jobs - Landing Pages & Community Moderating
What's your plan ?
1
1
5
262