Mudassar

There's a lot more in this release, check out the official notes for everything

𝗡𝗼𝘁𝗲: Some of these features are experimental.

𝗧𝗵𝗮𝘁'𝘀 𝗶𝘁! Hope this thread helped break down React 19.2.

If you found this useful:

♻️ Retweet the first tweet
💾 Bookmark for later
👥 Follow for more dev content

𝟱) 𝗧𝗵𝗲 𝗖𝗵𝗿𝗼𝗺𝗲 𝗗𝗲𝘃𝗧𝗼𝗼𝗹𝘀 𝗶𝗻𝘁𝗲𝗴𝗿𝗮𝘁𝗶𝗼𝗻

You can now see EXACTLY what React is doing:

- Which components are rendering
- What priority level
- Why it's blocked
- When transitions happen

Debugging just got 10x easier.

4) 𝘂𝘀𝗲𝗘𝗳𝗳𝗲𝗰𝘁𝗘𝘃𝗲𝗻𝘁 lets you separate the "reactive" stuff from the "event" stuff in your effects.

It always sees the latest props/state but doesn't trigger re-runs.

No more dependency hell. No more fighting the linter. Just clean, working code. 🙏

𝟯) 𝘂𝘀𝗲𝗘𝗳𝗳𝗲𝗰𝘁𝗘𝘃𝗲𝗻𝘁

Okay, be honest. How many times have you:

- Added a function to useEffect deps
- Effect runs on every render
- Spent 2 hours debugging
- Added eslint-disable 😅

We've ALL been there. This hook fixes it.

𝟮) 𝗧𝗵𝗶𝗻𝗸 𝗮𝗯𝗼𝘂𝘁 𝗶𝘁:

- Pre-load the next page while users read
- Keep tab state alive when switching
- Smooth transitions without re-mounting
It's like having your cake and eating it too. Performance AND better UX. Finally. 🎂

𝟭) 𝗧𝗵𝗲 <𝗔𝗰𝘁𝗶𝘃𝗶𝘁𝘆 /> 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁.

Remember spending hours optimizing conditional rendering? Or losing state when users navigate away?

This changes everything. You can now pre-render hidden UI without killing performance. Back button? Instant. No more loading spinners. 🚀

𝗥𝗲𝗮𝗰𝘁 𝟭𝟵.𝟮 𝗷𝘂𝘀𝘁 𝗱𝗿𝗼𝗽𝗽𝗲𝗱 𝗮𝗻𝗱 𝗵𝗼𝗻𝗲𝘀𝘁𝗹𝘆? 𝗧𝗵𝗶𝘀 𝗺𝗶𝗴𝗵𝘁 𝗯𝗲 𝘁𝗵𝗲 𝗺𝗼𝘀𝘁 𝗲𝘅𝗰𝗶𝘁𝗶𝗻𝗴 𝗿𝗲𝗹𝗲𝗮𝘀𝗲 𝘁𝗵𝗶𝘀 𝘆𝗲𝗮𝗿. 🔥

The React team cooked up some features that solve problems we've ALL been dealing with. Let me break it down for you 🧵👇

#dev #react #NewFeature #Learning #WebDev #Programming

𝗕𝗲𝗻𝗲𝗳𝗶𝗰𝗶𝗮𝗹 𝗳𝗼𝗿:

- SaaS admin consoles (customer asset management)
- Internal tools (ops/CS teams handling uploads)
- CMS/back-office dashboards

Want the code link, just reply “𝗟𝗜𝗡𝗞” and I’ll share!

𝗦𝘁𝗼𝗿𝗮𝗴𝗲 𝗮𝗯𝘀𝘁𝗿𝗮𝗰𝘁𝗶𝗼𝗻🚀

- Storage interface includes put/get/list/remove/stats
- switch cloud providers with minimal changes in env file
- One getStorage() export so API routes stay the same This keeps your app logic provider-agnostic and future-proof.

𝗪𝗵𝘆 𝗜 𝗯𝘂𝗶𝗹𝘁 𝗶𝘁?

Most file managers are either over-engineered or too minimal. I wanted something small, readable, and production-friendly: clear APIs, typed server handlers, and a drop-in UI that teams can customize without digging through a giant codebase.

𝗠𝗶𝗻𝗶𝗺𝗮𝗹, 𝗽𝗿𝗼𝗱𝘂𝗰𝘁𝗶𝗼𝗻-𝗿𝗲𝗮𝗱𝘆 𝗙𝗶𝗹𝗲 𝗠𝗮𝗻𝗮𝗴𝗲𝗿 𝘀𝘂𝗽𝗽𝗼𝗿𝘁𝗶𝗻𝗴 𝗦𝟯/𝗥𝟮/𝗚𝗖𝗦 🚀

The storage layer is abstracted, so you can swap Cloudflare R2/ Amazon S3/ Google CS by editing one .env file.

#Coding #BuildInPublic #Programming #Solution

𝗪𝗵𝗲𝗿𝗲 𝗜𝘁 𝗰𝗮𝗻 𝗯𝗲 𝘂𝘀𝗲𝗱:

• ISP ops -> customer route health and congestion views
• Data centers -> rack-to-rack path monitoring and maintenance planning
• Enterprise IT -> microsegment maps and change impact previews
• Cloud networking -> VPC/VNet peering and traffic flow insights

𝗖𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲𝘀 𝗮𝗻𝗱 𝗳𝗶𝘅𝗲𝘀:

• A guard bug that skipped linking; fixed condition.

• Some nodes had no incoming links; added a coverage pass to guarantee at least one.

𝗞𝗲𝘆 𝗰𝗼𝗻𝗰𝗲𝗽𝘁𝘀 𝗹𝗲𝗮𝗿𝗻𝗲𝗱:

• Canvas rendering in React with refs
• Pan/zoom + coord transforms for hit-testing
• Nearest-neighbor links + coverage to avoid isolates
• Transient effects via useRef without re-renders

𝗕𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝗮 𝗡𝗲𝘁𝘄𝗼𝗿𝗸 𝗧𝗼𝗽𝗼𝗹𝗼𝗴𝘆 𝗩𝗶𝘀𝘂𝗮𝗹𝗶𝘇𝗲𝗿 𝗨𝘀𝗶𝗻𝗴 𝗖𝗮𝗻𝘃𝗮𝘀 (𝗗𝗮𝘆 𝟭)

𝗪𝗵𝗮𝘁 𝗜 𝗯𝘂𝗶𝗹𝘁: A hierarchical network graph with animated routes and interactive nodes.

#BuildInPublic #Coding #DevTools #Learning

Starting a series of building in public. Each day I'll build something and share it with you guys. Really excited for this journey 🚀🚀

#NewJourney #BuildInPublic #Dev #Coding

Thank you! Nice to meet you too, excited to be here

GIT IS SO EASY

Hello world, just joined Bluesky. Hope to connect with wonderful people