Skip to content
SunnyWriteUps

Archives

All the articles I've archived.

2026 38
August 8
  • Getting Started with AWS Kiro Best Practices for Building Production-Ready Apps

    The landscape of AI-assisted coding is rapidly shifting from simple code generation to complete agentic engineering. If you are looking to accelerate your development workflow while maintaining high standards for code quality, Kiro (built and operated by AWS) is designed to help you bridge the gap between initial prototype and enterprise production.

  • Getting Started Building Reactive 3D Scenes for Production

    Bringing 3D to the web used to mean writing thousands of lines of imperative WebGL or raw Three.js code, manually managing the rendering loop, and struggling to connect the 3D world with the rest of your application's UI.

  • Demystifying the JavaScript Event Loop, Microtasks, and Timers

    JavaScript is single-threaded, meaning it can only execute one piece of code at a time. Yet, modern web applications effortlessly handle fetching data, rendering UI, and running timers simultaneously without freezing. The secret to this non-blocking magic is the **Event Loop**.

  • Building Browser-Based Media Tools The Power of Canvas and WebAssembly

    The days of needing heavy, native desktop applications to resize a photo, extract text from a document, or trim a quick video are fading fast. Thanks to modern web APIs, the browser has evolved into a powerhouse capable of executing complex media processing entirely on the client side.

  • The Ultimate Guide to Getting Started with Google Workspace

    Running a business or managing a team today is less about *where* you work and more about how smoothly your tools connect. If your team is constantly juggling disconnected email accounts, scattered files, and conflicting calendar invites, you're losing valuable time.

  • Biggest and most recent AI developments rolling out across Google

    Google's strategy in 2026 has officially shifted from simply answering questions to actively doing work for you. Following Google I/O in May 2026, the company marked the beginning of the "agentic" AI era, rebuilding its entire ecosystem—from Search to Android—around the Gemini family of models.

  • Supercharge Your Workflow Why Bazel is the Ultimate Build Tool for Modern Development

    If you've ever waited minutes (or hours) for a build to finish, or chased a phantom bug that magically disappeared after a `make clean`, you know the frustration of traditional build systems. As projects scale, tools that once felt snappy start to drag, heavily impacting developer velocity.

  • Microfrontends in Angular & Ionic Mobile Apps Breaking Down App Store Rules, Capgo, and Custom Dynamic Updates

    The web development world has firmly embraced Microfrontends (MFE). Splitting a monolithic application into smaller, independently deployable modules using tools like Webpack Module Federation (or Native Federation) has solved massive scaling issues for enterprise teams. But a fascinating question arises when you take web tech to mobile Can you use Microfrontends inside a mobile Angular + Ionic application? And more importantly, will Apple and Google allow it?

July 9
June 9
  • MongoDB from Development to Production A Complete Guide with Best Practices

    MongoDB has become one of the most popular NoSQL databases because of its flexibility, scalability, and developer-friendly document model. Whether you're building a startup MVP, a SaaS platform, or a large-scale enterprise application, MongoDB provides the tools needed to handle modern workloads.

  • How would you architect a large Angular app for dynamic module loading, lazy loading, and role-based access?

    For a large Angular application, focus on **performance, scalability, maintainability, and security** by combining lazy loading, dynamic module loading, and role-based access control (RBAC).

  • Enterprise-Grade AI Building the Agentverse with RAG, Knowledge Engines & Secure Scalable Inference

    Artificial Intelligence has moved far beyond chatbots.

  • The Rise of Edge Computing When Cloud Isn’t Enough

    Cloud computing has transformed the way we build and deploy applications. It has made infrastructure scalable, cost-effective, and accessible to organizations of all sizes. From startups launching their first application to global enterprises running mission-critical workloads, the cloud has become the backbone of modern digital innovation.

  • Getting Started with ngx-markdown and Marked in Angular

    Markdown has become the standard format for writing documentation, blog posts, release notes, knowledge bases, and AI-generated content. Instead of storing large HTML strings, developers can write content in a clean and readable Markdown format and render it dynamically in Angular applications.

  • The Art of Site Reliability Engineering (SRE) Keeping Systems Always On

    Imagine opening your favorite streaming platform during a major sporting event and finding it unavailable Or attempting an online payment only to encounter a server error Or searching the web and receiving no results.

  • Building Stateful AI Agents with LangGraph

    AI agents have evolved beyond simple prompt-response interactions. Modern applications need agents that can remember context, recover from failures, coordinate multiple tools, and execute complex workflows over time. This is where **stateful AI agents** come into play.

  • AI-Assisted Architecture in Frontend Compilers Analyzing the Gemini-Powered Angular "Lite" Prototype

    The construction, optimization, and maintenance of compilers for modern JavaScript web frameworks represent some of the most formidable software engineering challenges in the contemporary frontend ecosystem. Framework compilers are tasked with translating high-level, declarative, and heavily customized abstractions—such as decorators, reactive primitives, structural directives, and domain-specific templating languages—into optimized, highly performant, executable JavaScript. Within the context of the Angular framework, this compilation pipeline is notoriously intricate. It relies on a sophisticated Ahead-of-Time (AOT) compilation strategy that bridges TypeScript semantics with the framework’s internal Render3 (Ivy) instruction set, demanding global program analysis to guarantee type safety and structural integrity.

  • Getting Started with pnpm in Angular A 2026 Guide

    If you're still relying entirely on `npm` or `yarn` for your Angular projects, it's time to take a look at `pnpm` (Performant NPM). In 2026, `pnpm` has cemented its position as a top-tier package manager, prized for its speed and its efficient use of disk space.

May 12
  • Unlocking the `package.json` A Guide to Our Angular Architecture

    If you've ever looked at the root directory of an Angular workspace, the `package.json` file is impossible to miss. It serves as the master manifest, dictating everything from project identity and npm scripts to the precise ecosystem of libraries powering the application.

  • Angular component dependency graph

    It is a visual map that shows how different components, modules, and services in your application are interconnected. Understanding this graph is essential for managing complex codebases, identifying performance bottlenecks, and preventing circular dependencies.

  • The Ultimate Guide to FullCalendar in Angular From Setup to Drag-and-Drop

    FullCalendar is the gold standard for JavaScript calendars, but integrating it with Angular’s strict typing and component structure can sometimes be tricky. This guide will walk you through building a robust calendar application with CRUD (Create, Read, Update, Delete) capabilities, drag-and-drop interactions, and a polished user experience.

  • Fixing Broken Form Inputs in Angular + SwiftUI WebViews

    Hybrid mobile development is supposed to be a dream. You write your feature once in a robust framework like Angular, wrap it up inside a native SwiftUI iOS app using a `WKWebView`, and boom—you have a mobile app.

  • Mastering TypeScript Fundamentals A Complete Guide for Developers

    TypeScript has become one of the most popular technologies for building scalable frontend and backend applications. Whether you are working with Angular, React, Node.js, or enterprise-scale systems, TypeScript provides powerful tooling and strong type safety that helps developers write more reliable code.

  • Getting Started with Swift and SwiftUI to Develop iOS Apps

    The Apple ecosystem continues to grow rapidly, and building iOS applications has never been more exciting. Whether you want to create productivity tools, social apps, AI-powered solutions, or enterprise-grade applications, learning Swift and SwiftUI is the perfect starting point.

  • Getting Started with Solace Build Real-Time Event-Driven Applications

    Modern applications demand real-time communication, scalability, and seamless integration across distributed systems. Traditional request-response architectures often struggle when applications need instant updates, asynchronous messaging, and high-throughput event processing. This is where Solace becomes a powerful solution.

  • Complete GitHub Migration API Guide

    Personal & Organization Repository Migration Using REST APIs

  • Getting Started with Astro and Cloudflare Pages

    If you are hunting for the ultimate web development stack—one that delivers blisteringly fast load times, phenomenal developer experience (DX), and seamless global deployments—you’ve likely heard the buzz around Astro and Cloudflare.

  • The Control Room of Your Angular Workspace

    If you’ve ever generated a new Angular project, you’ve likely noticed a rather intimidating file sitting at the root of your directory angular.json.

  • How to Tame the Browser Disabling Autocorrect and Autocomplete in Angular Inputs

    Have you ever built a pristine, perfectly styled custom search bar or a specialized data entry form in Angular, only to have the browser aggressively slap its own native autocomplete dropdown right over your beautiful UI? Or worse, have you watched a mobile browser "autocorrect" a user's unique identification code into a random dictionary word?

  • Demystifying Your Frontend Build Understanding `main`, `polyfills`, and `chunks` (And How to Shrink Them)

    If you've ever wondered what these files actually do, or panicked because your `main.js` is looking dangerously large, you aren't alone. Understanding your build output is the first step to optimizing your application's load time and performance.