7 min read
Your npm install Is Doing More Than You Think
Most developers type: npm install Enter fullscreen mode Exit fullscreen mode ...
- #npm
- #javascript
- #programming
- #productivity
Writing
All articles
Posts published on dev.to, covering frontend engineering, React, and the things I learn while building for the web.
41 articles
- 6 min read
Stop Creating Giant PRs — Try Stacked PRs Instead
You open a pull request. 87 files changed. 3,500 lines added. Multiple features mixed...
- #ai
- #git
- #stackedpr
- #programming
- 2 min read
You’re Using Angular Signals Wrong (Almost Everyone Is)
Angular Signals made state management simpler. But here’s the problem: Most developers are using...
- #signal
- #webdev
- #angular
- #frontend
- 2 min read
Angular 21 vs Angular 22 — What Actually Changed?
Angular has been evolving fast, but the changes from Angular 21 → 22 aren’t about flashy...
- #webdev
- #javascript
- #angular
- #upgrade
- 2 min read
Stop Building AI Features Like This — MCP Changes the Game
AI is everywhere in apps now: chatbots copilots smart search automation But most developers are...
- #ai
- #webdev
- #programming
- #productivity
- 2 min read
Why ‘Works on My Machine’ Is Still a Thing in Modern Web Apps
We have: Docker Cloud environments CI/CD pipelines Package managers And yet… “It works on my...
- #webdev
- #programming
- #productivity
- #discuss
- 2 min read
Stop Calling Functions in Angular Templates — It’s Slower Than You Think
Calling functions in Angular templates looks clean: <p>{{ getFullName() }}</p> ...
- #webdev
- #angular
- #programming
- #javascript
- 2 min read
You Don’t Need NgRx Anymore — Or Do You?
For years, NgRx was the go-to solution for state management in...
- #webdev
- #signal
- #ngrx
- #angular
- 2 min read
Signals Made Angular Faster — But Also Easier to Misuse
Angular Signals changed everything. No more heavy RxJS for simple state. No more manual...
- #angular
- #signals
- #webdev
- #performance
- 2 min read
Why Your App Is Secure… Until the First API Call
Your app looks secure. Login works. Routes are protected. Buttons are hidden. Tokens exist. And yet...
- #ai
- #security
- #programming
- #webdev
- 2 min read
Using Prisma with Next.js and Supabase — What Actually Works (and What Doesn’t)
Next.js, Supabase, and Prisma are often mentioned together — but the integration isn’t always...
- #supabase
- #nextjs
- #prisma
- #frontend
- 2 min read
Stop Using ngIf Like This — Angular’s @if, @for & @empty Are Cleaner
Angular developers have used *ngIf and *ngFor for years. They work — but they also hide complexity,...
- #angular
- #webdev
- #programming
- #javascript
- 2 min read
Zoneless Angular Explained — How Change Detection Works Without Zone.js
For years, Angular relied on Zone.js to automatically trigger change detection. It worked—but it also...
- #webdev
- #angular
- #zoneless
- #javascript
- 2 min read
Angular 21 — What’s New, What’s Changed
Angular 21 focuses on simplification, performance, and modern reactive patterns. Instead of adding...
- #angular
- #programming
- #webdev
- #javascript
- 2 min read
Webpack vs Vite in Angular — Which One Really Wins?
Angular has traditionally relied on Webpack under the hood, but with Vite rapidly gaining popularity...
- #webdev
- #angular
- #webpack
- #vite
- 2 min read
Top 10 API Call Security Mistakes Developers Still Make in 2025
Introduction Even in 2025, API call security remains one of the biggest weaknesses in...
- #webdev
- #programming
- #javascript
- #productivity
- 3 min read
Top 10 Mistakes Developers Still Make with Firebase in 2025
Even in 2025, Firebase remains one of the most popular platforms for building real-time, serverless,...
- #webdev
- #frontend
- #firebase
- #programming
- 1 min read
🧱 SSR vs SSG vs ISR: Choosing the Right Rendering Strategy in 2025
The web in 2025 is faster, smarter, and more dynamic than ever. But how your app renders still...
- #webdev
- #ssr
- #isr
- #programming
- 2 min read
🧱 Optimizing Angular Apps for Performance — Real Techniques That Work
Even with Angular 20’s latest improvements, many apps still lag, freeze, or load slowly. The good...
- #webdev
- #angular
- #programming
- #productivity
- 3 min read
⚔️ “Flutter vs React Native 2025: Who Wins the Cross-Platform War?”
It’s 2025, and the cross-platform battleground is hotter than ever. Flutter and React Native are...
- #mobile
- #flutter
- #reactnative
- #programming
- 2 min read
🪄 5 VS Code Extensions That Instantly Made Me 10x Faster
I used to spend hours switching files, formatting code, and searching for snippets. Then I installed...
- #webdev
- #programming
- #ai
- #javascript
- 3 min read
How I Made My Website 200% Faster Using Just One Line of Code
Sounds too good to be true? Stick with me — because this “one line” made my site go from sluggish to...
- #webdev
- #programming
- #performance
- #javascript
- 2 min read
🔄 Real-World Migration Steps from Tailwind CSS v3 to v4
Tailwind CSS v4 introduces major improvements like an always-on JIT engine, OKLCH colors, and better...
- #webdev
- #tailwindcss
- #programming
- #javascript
- 2 min read
🌟 Tailwind CSS v4: What’s New & Should You Upgrade?
Tailwind CSS continues to dominate the frontend ecosystem with its utility-first approach. With v4,...
- #css
- #news
- #tailwindcss
- #webdev
- 2 min read
React 19 New Features Explained with Examples
React 19 is here, and it’s one of the most feature-packed releases in recent years. In this blog,...
- #webdev
- #react
- #programming
- #javascript
- 2 min read
The End of @Input() & @Output(): Angular 20’s Game-Changing Update
For years, Angular developers have relied on @Input() and @Output() decorators for parent-child...
- 2 min read
AI-Powered Testing in Frontend: Smarter Automation with React & Angular
Testing is one of the most time-consuming tasks in frontend development. Writing test cases, updating...
- #ai
- #react
- #angular
- #webdev
- 2 min read
Debouncing and Throttling in React and Angular: Code Examples
When building modern web apps, performance matters. Typing in a search bar, resizing a window, or...
- #webdev
- #angular
- #react
- #debouncing
- 2 min read
AI in Frontend: How Developers Can Use AI to Build Faster
Artificial Intelligence (AI) is no longer limited to machine learning models or backend analytics. In...
- 2 min read
React Server Components vs Angular SSR: Who’s Winning the Rendering Race?
The modern web is all about performance, SEO, and user experience. Server-Side Rendering (SSR) has...
- #react
- #angular
- #ssr
- #rsc
- 2 min read
What’s New in Angular 20: Key Features You Should Know
Angular has been evolving rapidly, and with Angular 20, the framework continues its shift toward...
- #angular
- #webdev
- #programming
- #javascript
- 1 min read
Angular Signals vs. BehaviorSubject: Which Should You Use?
We as angular developers have long relied on RxJS BehaviorSubject for managing reactive state. But...
- #angular
- #signal
- #webdev
- #programming
- 2 min read
React vs. Signals: The Future of State Management?
State management is the beating heart of any front-end application. The way we handle it determines...
- #react
- #angular
- #signal
- #statemanagemnet
- 2 min read
React Rendering Deep Dive — Part 2: Inside the Virtual DOM Lifecycle
In Part 1, we explored what the Virtual DOM is and how React uses it to efficiently render UI. Now,...
- #react
- #cleancode
- #programming
- #javascript
- 2 min read
React Rendering Deep Dive: How Virtual DOM Actually Works: part1
React’s Virtual DOM is a core part of its performance edge — but how does it actually work? Let’s...
- #programming
- #virtualdom
- #react
- #webdev
- 2 min read
Using Angular Signals as a Lightweight Store: A Modern State Management Approach
Angular Signals bring fine-grained reactivity to Angular apps. But did you know you can also use...
- #angular
- #reactiveprogramming
- #angularsignals
- #programming
- 2 min read
From Monolith to Micro Frontends: A React Developer’s Guide
Micro frontends bring the scalability and flexibility of microservices to the frontend world. In...
- #microfrontend
- #react
- #modulefedration
- #programming
- 1 min read
Accessibility in React: Best Practices Every Developer Should Know
Accessibility (a11y) is more than a feature — it’s a responsibility. In this post, we’ll explore how...
- #react
- #webaccessibility
- #a11y
- #webdev
- 1 min read
How to Stop Unnecessary Re-Renders in React — Part 2: Common Mistakes
In this part, let’s look at common mistakes that cause unnecessary re-renders in React and how you...
- #react
- #webpack
- #cleancode
- #programming
- 1 min read
How to Stop Unnecessary Re-Renders in React — Part 1
Unnecessary re-renders can slow down your React app and impact performance. In this post, we’ll...
- #react
- #webperf
- #cleancode
- #coding
- 1 min read
Exploring the World of Front-End & Beyond
As a developer, I believe learning and sharing go hand in hand. This blog is a space where I’ll share...
- #web3
- #coding
- #beginners
- #programming