Tag feed

System Design for Front end Engineers

14h ago · 4 min read · Most front-end engineers stop at components, state, and performance tweaks. Staff-level engineers think differently. They think in systems. Not just how the UI works — but how it behaves under scale,

RRicharichak.hashnode.dev

Monorepo Basics — When and Why Teams Move to Monorepos

1d ago · 7 min read · Hey everyone, Richa here! 👋 Day 20. Last day of Week 4. 🎉 And today we zoom out from component-level architecture to something that affects the whole engineering org. Monorepos. This is one of t

AKArun kumar Velublogs.arunkumarvelu.com

CSS-in-JS Is Dead (And That's Okay): A Retrospective & Migration Guide

1d ago · 17 min read · TL;DR: Runtime CSS-in-JS (styled-components, Emotion) is functionally incompatible with React Server Components, adds 12–35ms of render overhead per page, and bloats your JS bundle by 12–30KB gzipped.

ATAbhinav Tiwaricybertech-blogs.hashnode.dev

How react virtual 'DOM' works under the hood ?

2d ago · 5 min read · Introduction The Virtual DOM is one of the most talked-about concepts in React—and also one of the most misunderstood. Many developers reduce it to vague statements like: “React is fast because of th

Multi-Region Tax Logic in TypeScript — GST (India), HST by Province (Canada), VAT (UK), and EU Reverse Charge in One Invoice Engine

2d ago · 6 min read · The Problem Building an invoice generator that works correctly for multiple regions means handling tax rules that differ not just by country, but by sub-region (Canadian provinces), transaction type (India domestic vs interstate), and B2B context (EU...

Reading and Writing PDF Metadata with pdf-lib — DocInfo Fields, Date Parsing, and the Keywords Array

2d ago · 4 min read · The Document Information Dictionary Every PDF contains an optional document information dictionary with standard string fields. The PDF spec defines these as: Title — the document's title Author — the author Subject — a description of the content Ke...

Client-Side PDF to JPEG with PDF.js — Canvas Render Loop, Scale Factor, and Dynamic Import

2d ago · 5 min read · The Core Problem Converting a PDF page to an image in the browser requires rendering the PDF onto a canvas, then exporting the canvas to JPEG or PNG. Three things matter: Bundle size — PDF.js is large (~1MB). Loading it eagerly bloats your main bund...

Removing Pages From a PDF with pdf-lib — Index Mapping, copyPages, and Client-Side State Management

2d ago · 5 min read · The Core Problem Removing pages from a PDF with pdf-lib isn't a "delete" operation — it's a rebuild. You create a new document, copy only the pages you want to keep, and discard the rest. The tricky part: copyPages works with original indices from th...

Building a Browser Image Format Converter — Canvas toDataURL, MIME Routing, and Transparent Background Handling

2d ago · 4 min read · The Core Problem Converting between image formats in the browser comes down to one function: canvas.toDataURL(mimeType, quality). But three things trip up a naive implementation: Transparent → JPEG — JPEG has no alpha channel. A transparent PNG conv...