Nirajan Basnet 🇳🇵

Frontend Developer | Tech enthusiast | Blogger

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

MCP lets AI coding agents treat your local repo like their own IDE—streaming the workspace tree so they query files on demand instead of loading everything. Real‑time lookups cut token use, keep context in sync with your branch. What edge cases have you seen? #ai #devtools

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

AI agents review PRs faster than a senior dev on a coffee break. I’m testing a lightweight LLM that flags style violations as you type. Use it as a pre-commit guard, run on every push, keep rules simple, and let the team focus on architecture. What rule would you automate first?

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

Composite pattern flattens tree UI: treat every button, menu, modal as a leaf or container sharing one render contract. No special cases, just one call that walks the tree. Add new UI elements without touching existing code. What leaf have you turned into? #designpatterns

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

UI libraries evolve fast. Three open-source design systems stand out: lightweight bundles, accessibility-first, and runtime theming with typed APIs. What's your top priority when choosing a UI kit? #frontend #designsystems

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

Intl API is the only way to guarantee locale‑correct dates and numbers without pulling in a huge library. Use a reusable Intl.NumberFormat or Intl.DateTimeFormat per locale at app init to avoid re‑creating them on every render. #javascript #tips

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

CSS subgrid stops you fighting the parent grid just to line up inner items. Swap a nested 12‑column grid for display: subgrid and it inherits the column tracks, aligning perfectly without extra media queries—one line of CSS, no JavaScript, works in Chrome and Safari 16+. #css

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

A thin facade can reduce coupling. Wrap only the library calls you use, so updates happen in one place—not across dozens of imports. Clear contracts, easier testing, fewer breaking changes. Do facades simplify your code or add unnecessary complexity? #softwarearchitecture #js

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

Memoization can turn expensive operations into near-instant responses. Cache repeated results, use a Map for O(1) lookups, limit cache size, and invalidate when data changes. What's your best memoization win? #performance #javascript

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

CSS subgrid ends the “nested grids fighting over alignment” nightmare. Drop wrapper divs, let the child grid inherit parent tracks and get one source of truth for column widths. One line replaces dozens of hacks. tried it? #css #webdev

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

cascade layers (@layer) let you rewrite CSS specificity like version control. Keep tokens in one file, add a @layer per component library. Browser resolves conflicts by layer order, not selector depth

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

CSS can animate on scroll with zero JavaScript. Modern browsers support scroll‑timeline and view‑timeline, turning scroll position into a timeline you attach to a CSS animation. Less bundle weight, no listeners, smoother compositor‑driven performance.
#css #webdev

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

Container queries will outlive media queries because letting components adapt to their own space—instead of a global viewport—makes layouts modular, shrinks CSS, and speeds up shipping.
What layout pain would vanish if you could query the container instead of the screen? 👇
#CSS

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

CSS clamp() can replace dozens of media queries for fluid typography. Swap fixed sizes for clamp(1rem,2.5vw,2rem) and the page adapts to every viewport without a single breakpoint. One line per text element, lean CSS, less jitter. Have you tried clamp() for type?

#css #webdev

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

New Blog Post Alert 📄

"Solving Memory Issues with Lottie SVG Animations"

https://t.co/4EwWsXoslU

#DEVCommunity #javascript #memory #guide #webdevelopment #svg #animation #lottieanimation #optimization #performance

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

@sadhakbj Great 👍

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

@sadhakbj 🙏😀

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

I have published a blog on dev to publication please have a read. Thank you 😀

"Building a simple language switcher in a vue.js: Step-by-step tutorial 🌐"

#DEVCommunity #javascript #vuejs #tutorial #webdevelopment #guide

https://t.co/OE5HTzt8cX

[Nirajan Basnet 🇳🇵 @nirazanbasnet]

Checkout my new blog on Vuejs Rules to follow 😀

#vuejs #javascript #webdevelopment #FrontEnd #guide #tutorial

https://t.co/zky2Y3NCbl

[prod42net @prod42net]

🚀 Master Vue.js coding with top-notch principles! Learn to avoid common mistakes and embrace optimal patterns. Check out @nirazanbasnet's blog for expert tips! #VueJS #CodingPrinciples #CleanCode #BestPractices 🚀 https://t.co/WrSuXLyOvW

[Adam Wathan @adamwathan]

We're hiring a Design Engineer at @tailwindcss to build ambitious interfaces with Tailwind CSS and React ✨

🏕️ Fully remote
💰 $275,000 USD
🏝️ 30 days vacation
💻 $7500 gear budget

If you love building pixel-perfect, interactive UIs, you should apply!

https://t.co/HRYWWEcGvq