readme-aura is officially out of beta! π
Write jsx directly in your GitHub readme and compile it into pixel-perfect SVGs.
Customize your profile, tag me in your creations, and Iβll repost them!
Link in the comments π
React Fiber's billion$ architecture trick.
You have a tree. One parent, N children. Each child has X more children. Goes 50 levels deep. Walk this entire tree. Depth-first. Visit every single node.
How do you do it without recursion?
This is the problem Facebook faced, Notion's infinite pages. WhatsApp's chat list. Meta's entire UI empire. All trees. All deep. All need traversing.
Old React? Recursive DFS.Visit parent. Recursively visit each child. Go deeper and deeper.
But here's the trap:
Every function call adds a stack frame. Deep tree? Stack fills up. 10,000 components? You're stuck. Can't pause. Can't stop. Must finish. Result: UI freezes for 200ms. Animations stutter. Clicks feel laggy.
Unacceptable at billion-user scale. Facebook's brutal insight, You can't pause recursion. The call stack owns you.
So stop using it. The solution? Change the data structure.
Instead of parent β array of children, use three pointers:
child (first child only)
sibling (next sibling)
return (back to parent)
Now walk with a simple while loop:
Start at root. Go to child. No child? Go to sibling. No sibling? Return to parent. Repeat. No recursion. No stack frames. Just pointer hopping.
Same DFS order. Same tree traversal. Zero stack usage.
Why this changes everything: A while loop? You control it. Check the clock. Out of time? Just stop. Save your position. Resume later.
React can now pause mid-tree. Handle user input. Resume exactly where it left off.
The result:
Facebook's news feed
Discord's channel list
Netflix's browse UI
Airbnb's search results
Notion's infinite pages
They made it interruptible. The real lesson:
Sometimes you don't solve the problem. You change who's in control. Recursion controls you. A linked list? You control it. That difference? Worth billions.
@princecodes247 Your store looks great. One small improvement you could add is an equality check for selectors.
This helps React skip updates when the selected value doesnβt change, giving you more granular reactivity and fewer re-renders.
I use this store approach for component scope state.
@PlayStation It's an amazing game! However, the @HogwartsLegacy team needs to fix a bug that prevents the character from talking to Professor Fig. I had to create a new character after spending 2-3 hours on my first playthrough.
Airtel's Twitter account is flooded with complaints, some taking months to resolve. Itβs surprising how they aren't being held accountable by @DoT_India and @TRAI.
After 10 days and 25-30 calls for an issue (it's still open) that should take 30 minutes to fix, it's clear @airtelindia is the gold standard of down right pathetic customer service. Every time staff is relying only on templates response, while Iβve had to tell them next step.
CSS macOS style dock nav with sub-menu π€
:has() for magnification β
[popover] for the sub-menu β
anchor() to tether the menu β
offset-path to put items on the curve β
linear() for the springy transition β
Combining cool APIs to create common UI patterns without JS βοΈ
@Cybercellindia I received request from fake Instagram account for RS. 10000.
He shared number 8881760449 (Vikash Kumar Panwar) for GPay payment. Requesting you to take action if possible. @MahaCyber1
@MahaCyber1 Received call from Pakistani number saying I won 25Lakhs. To claim money I have to connect with Rana Pratap Singh on 9198078737.
Not able to file complaint on official website. π€·πΌββοΈ #cybercrime#WhatsApp
@shri_ram91@VodafoneIN I am also facing same issue. I paid for 4G service and getting 2G speed in Mumbai. No wonder @VodafoneIN
Is in loss. I am stopping its service from next month.