Posts by Sunny
@Sunny
Sunny Gupta
I am a full-stack developer with 8+ years of experience, passionate about the Ja...
Posts by Sunny
To enable Server-Side Rendering SSR in an Angular application using Angular Universal, you need to add the Universal engine to your existing Angular project.
Here’s a step-by-step guide:
1. Install Angular Universal
Run this command in your Angu...
To create a PDF viewer in React.js using PDF.js, especially with support for layers like text, annotations, and images, you need a good understanding of how PDF.js renders documents. Here’s a full guide:
Understanding PDF.js Layers
PDF.js renders...
Here are some fast, reliable tools for JSON formatting and validation — perfect for developers working with APIs, logs, or large JSON payloads.
1. jsonformatter.orghttps://jsonformatter.org
✅ Format, validate, minify, and view JSON
Has tree vi...
Setting up TypeScript with Node.js and Express gives you the benefits of strong typing and better tooling while building your backend server. Here's a step-by-step guide to get you started quickly.
How to Set Up TypeScript with Node.js and Express
...
Features we can add here:
Compose one message
Send it to a list of 100 recipients
Work from a web interface Angular or plain HTML
Use a backend Node.js + Nodemailer for sending the email
Tech Stack:
Frontend: Angular or HTML+JS
Backend: ...
Web Performance is about how fast, responsive, and smooth a website feels for the user — and it affects user experience, SEO, conversion rates, and even costs.
It’s not a single tool — it’s the result of how well everything works together.
Key Goa...
They basically help to manage reactive states—but they serve slightly different purposes.
What is a Signal in Angular?
A signal is a reactive primitive introduced in Angular 16+ to track state changes in a more declarative and efficient way — wit...
Want to bring cinematic 3D effects to your Vue app? Enter TresJShttps://tresjs.org—a powerful, declarative wrapper around Three.js that plays beautifully with Vue 3's Composition API.
If you’ve ever dreamed of adding Bloom, Pixelation, Motion Blur...
Managing async state—think loading spinners, error handling, stale data—is notoriously messy. If you’ve wrestled with nested subscriptions or redundant fetch logic in Vue+Pinia apps, Pinia Colada might be the game-changer you need.
What Is Pinia ...
You can cleanup this by using TypeScript, ESLint, or Angular CLI’s custom schematics for automation.
Option 1: Use ESLint for Cleanup Recommended
This is the best practical way to clean unused imports:
1. Install ESLint if not already installed...
TypeScript’s utility types give you powerful ways to transform and manipulate existing types. If you’ve already used types like Partial or Pick, it’s time to expand your toolbox.
In this article, we'll focus on five highly useful utility types:
O...
To fully understand Micro Frontends MFEs, especially with Angular + Nx + Module Federation, it's helpful to look at a layered architecture diagram and explanation of each piece.
Here’s a high-level conceptual architecture:
...
Deciding between React with JavaScript and React with TypeScript is an important early choice.
Go with React + TypeScript if:
1. You want type safety – TypeScript helps catch bugs during development by checking types.
2. Your project will grow in...
Creating a design system is a big step toward scaling design and development efficiently. Here are 5 key tips to know before you start building one:
1. Define the Purpose and Scope First
Before jumping into components or tokens, clarify why you're...
To implement Datadog Real User Monitoring RUM or Logs/APM into an Angular project, you'll need to follow a series of steps depending on which features of Datadog you're planning to use.
Common Use Case: Datadog RUM Real User Monitoring
This is th...
As Angular developers, we’re used to structured development, powerful CLI tools, and TypeScript's safety. But when it comes to APIs, most of us still work with REST. While REST has served us well, GraphQL offers a modern, more flexible alternative...
What is enough to test and maintain an application?
Understanding when to use Cypress E2E testing versus unit testing Jasmine/Karma or Jest is key to building a reliable and maintainable Angular app. Each has its own purpose and benefits, and ideal...
To maintain fast load times when building an Angular app, especially for production, it's essential to optimize how your app is bundled, served, and initialized. Here's a guide with practical tips:
1. Use Angular's Production Build
Always build wi...
Organized import statements enhance readability and maintainability in any codebase. ESLint helps enforce these patterns, but for automatic fixes, you’ll need an additional plugin. This guide walks through setting up and configuring ESLint for au...
chevron_left