Hasun Nilupul
@hnilupul
Followers
0
Following
45
Media
4
Statuses
44
Joined October 2012
I just dropped: 10 Tailwind CSS Tricks Every Frontend Engineer Should Know in 2025.🚀 Use @apply right.🌗 Smarter dark mode.🧩 Logical layouts (RTL!).🎯 Arbitrary values.🧠 Theme hacks.#TailwindCSS #Frontend #ReactJS #Nextjs #DevTips.
javascript.plainenglish.io
Tailwind CSS isn’t just a utility-first CSS framework — it’s a mindset shift for how we build modern UIs. In 2025, it’s basically the…
0
0
0
Struggling with .call(), .apply() or .bind() in JavaScript?. You’re not alone — but it’s time to master them. 🧠 Real examples.🔧 Dev-friendly use cases.🧪 Easy-to-remember tips. #JavaScript #100DaysOfCode #WebDev #frontend
0
0
0
🚀 React 19 dropped useOptimistic — and it makes your app feel instant ⚡️.No spinners. No lag. Just buttery-smooth UI updates while your API catches up. Wrote a full breakdown with code examples + pitfalls.#ReactJS #React19 #webdev #javascript #Frontend.
javascript.plainenglish.io
“Fast” isn’t just about data fetching anymore. It’s about perceived speed — and React 19’s useOptimistic delivers exactly that.
0
0
0
🚀 New in CSS: Style the gap itself between grid & flex items!.No wrappers. No hacks. Just clean, native CSS. 🎨 Now shipping (behind flag) in Firefox Nightly .👇 #CSS #WebDev #Frontend #CSSGrid #Flexbox #DevTools.
javascript.plainenglish.io
Want to add color, borders, or effects to the space between your flex or grid items?
0
0
0
Still wasting hours on messy design handoffs?.Figma’s new Dev Mode MCP Server lets AI pull exact design details — no guesswork, no hassle. Frontend devs, this is the future of design-to-code. .#figma #DevMode #AI #FrontEndDeveloper.
javascript.plainenglish.io
Still wasting hours on messy design handoffs? Figma’s new Dev Mode MCP Server lets your AI code assistant pull exact design details — no…
0
0
0
🔥 Just published: “How I Connected My React App to an AI Tool Server in 3 Lines — Thanks to useMcp”. 💡useMcp = one hook to connect React → MCP → tools like GitHub, Slack, AWS. . #React #AI #useMcp #frontend #devtools.
javascript.plainenglish.io
“Okay, picture this…” junior devs, lean in — here’s the story of a hook that actually cuts through the noise: useMcp. Just released, this…
0
0
0
Stop abusing useEffect 😤.Use TanStack Query like a pro. I wrote a full guide w/ real-world React examples:.✅ Queries.✅ Pagination.✅ Mutations.✅ Suspense.✅ Optimistic updates. 🔗 #ReactJS #TanStackQuery #WebDev #Frontend.
javascript.plainenglish.io
If you’re still writing useEffect + fetch + useState combos, we need to talk. TanStack Query (aka React Query) handles your data-fetching…
0
0
0
Frontend devs: you’re sleeping on one of the most powerful pieces of state in your stack. It’s not useState, not Redux, not Zustand. It’s. URL search params. 🧵👇. . #ReactJS #FrontendDev #WebDev #TanStack #NextJS.
javascript.plainenglish.io
Imagine you’re building a product search page.
0
0
0
Tired of bulky global middleware in Next.js API routes?.Scoped AsyncLocalStorage is here to clean up your backend logic and keep your codebase sleek. I broke down the patterns you need to know in my latest article. #NextJS #JavaScript #WebDev.
javascript.plainenglish.io
In my previous post, I showed how AsyncLocalStorage can replace prop drilling in backend Node.js apps. But after reading Nico's deep dive…
0
0
0
You don’t need React Context or 5 layers of function params. You need this one Node.js API: AsyncLocalStorage. I use it in every Next.js route handler now for:.✅ Logging.✅ Multitenancy.✅ Auth. #Nextjs #Nodejs #WebDev #JavaScript.
javascript.plainenglish.io
🧠 “Wait… how did you get the user ID in that function without passing it down?”
0
0
0
JavaScript's Date() is cursed. The Temporal API is here to fix it. 🔥.✅ Immutable.✅ Timezone-safe.✅ No more parsing chaos. 👇 Read how to use it (plus browser support + examples): #JavaScript #TemporalAPI #WebDev #TC39.
javascript.plainenglish.io
JavaScript’s Date object has been broken since forever. The Temporal API is the fix we finally deserve.
0
0
0
New post 🚨. ✅ fetch.✅ async/await.✅ Clean API calls in React like a pro.I wrote this as a guide for junior devs to go from "it works" to production-ready. 📖 [. #ReactJS #webdev #javascript #100DaysOfCode #FrontendDev.
javascript.plainenglish.io
“Hey, can you wire up the API for this user list?”
0
0
0
React Router was fine… but TanStack Router is fire 🔥.✅ Type-safe.✅ Headless.✅ Nested layouts.✅ Built-in loaders & guards.This is the router we should’ve had years ago. My guide & thoughts 👇.. #ReactJS #TanStackRouter #webdev #TypeScript.
hasunnilupul.medium.com
React Router had its time. But let’s be real — it’s always felt like we were duct-taping patterns together to handle routing cleanly…
0
0
2
CSS just learned how to think 🧠. Chrome 137 ships native if() — conditional logic in pure CSS. ✅ No JS.✅ No Sass.✅ Real adaptive styling.Wrote a quick guide w/ real examples:. CSS devs, it’s finally our time 💅🔥.
hasunnilupul.medium.com
React 19 introduces stable Server Components, transforming how apps handle data fetching and rendering. Learn why it’s time to ditch…
0
0
0
I just published Why Remix Is Leaving React: The Full-Stack Framework’s Bold New Direction
javascript.plainenglish.io
Remix v3 is here with a model-first, low-dependency approach. Learn why it ditched React and what it means for modern web developers.
0
0
0
🚨 React 19 just dropped — and it's a game changer. React Server Components are now stable — and that means it’s time to rethink your entire frontend architecture. . #ReactJS #WebDevelopment #Frontend #ReactServerComponents #JavaScript.
hasunnilupul.medium.com
React 19 introduces stable Server Components, transforming how apps handle data fetching and rendering. Learn why it’s time to ditch…
0
0
0
Tired of slow TTFB and laggy personalization? In my latest Medium post, I break down how edge functions can seriously boost frontend performance. Whether you're building with Vercel, Netlify, or Cloudflare — this guide shows how to get real speed wins.
hasunnilupul.medium.com
In the world of frontend development, performance is king. Whether you’re building a sleek SaaS dashboard or a blazing-fast eCommerce…
0
0
0
🚀 Boost Your Web Performance with FCP, LCP & CLS Optimization. ✅ Reduce initial paint time for faster perceived load (FCP).✅ Optimize hero images and critical resources to improve LCP.✅ Eliminate layout shifts and build stable UIs for better CLS
0
0
0