Compress and crop images in the tab, with no upload
HelpMyIMG crops and compresses in the tab: about 120 ms versus 4.2 s in the cloud, 70–85% smaller files, and nothing is uploaded.
Stuzhuk Lab — Chemistry of Code
Chemistry of Code
← All posts
Tag
frontend
All blog posts with this tag.
React 19.3: a photo grid morphs into detail without dropping state
Stable ViewTransition waits for React to commit, then morphs a named thumbnail into the detail image while the list keeps its selection.
React Compiler: half the useMemos went, the useful ones stayed
A React 19 dashboard had 214 useMemo and useCallback calls. The compiler removed most of them; two edges stayed manual.
ONNX: from PyTorch to Runtime — format, export, and inference parity
What ONNX and ONNX Runtime are, how to export from PyTorch, opsets and dynamic axes, why CRNN/YOLO exports break, and how to match Python before the browser.
WebGPU + Transformers.js: neural nets straight in the browser
Run ML in React without a mandatory server GPU: WebGPU, Transformers.js, ONNX Runtime, OCR and computer vision, WASM fallback, and model-size budgets.
How much money a slow website loses: load speed and sales
Tie LCP, INP, and the funnel to revenue: major studies, a loss formula, an interactive calculator, A/B tests, and a performance budget for ecommerce.
React-Redux 9.4 Alpha: signal-based selectors
React-Redux 9.4 Alpha adds opt-in useSignalSelector so only selectors whose data changed re-run after a dispatch.
Offline-first React: a write that survives until the server
How to read and write with no network: TanStack Query, Dexie, an operation queue, a client id, and an idempotency key. Not a cached screen — delivery of the change.
Svelte 5 runes: explicit reactivity instead of magic
Svelte 5 replaced implicit UI updates with runes. What that did to bundle size, and what the old promise cost.
Voodoo.js: breakthrough or a return to a simpler web?
A deep look at Voodoo.js: HTML-first without a build, JSX in markup, reactivity without a Virtual DOM, honest benchmarks, and why the idea matters more than speed in the AI-coding era.
Inside Voodoo.js: how a custom interpreter brings plain HTML to life
Reverse engineering Voodoo.js: from the browser HTML parser’s DOM to a lexer, Pratt AST, tree-walking interpreter, Proxy effects, and direct node writes—without eval.
Voodoo.js: a runtime architecture without a compiler, Virtual DOM, or eval
A layer map of Voodoo.js: walker, scope, reactivity, the cost of skipping a build, bundle size, feature creep, and HTML as an artifact for AI coding.
Voodoo.js: reactivity and map/filter inside plain HTML
An HTML-first JS framework with one script tag—no bundler—reactive markup and JSX-style syntax in a normal page.
Declarative field dependencies in React forms
Replace useEffect spaghetti with dependency config, the Observer pattern, and MobX fine-grained reactivity.
htmx 4.0: fetch-based requests and HTML-driven apps
Major htmx 4.0: fetch instead of XHR, attributes inherit only with :inherited, built-in morph swaps, and <hx-partial> for multi-target updates.
Svelte, September 2026: SvelteKit 3 RC, SvelteMap, and sv migration
Svelte 5.57 adds SvelteMap getOrInsert; SvelteKit 3 Release Candidate; ai-tools replaces mcp; sveltekit-3 task in sv migrate.
Lovable: 400 routes from Next.js to TanStack Start without a big bang
Proxy dual-run, #shared core, adapters, and agents: lovable.dev left Vercel for its own stack at 42M MAU.
WordPress 7.0: PHP-only blocks without React or a build step
autoRegister in WordPress 7.0 lets you register a block in PHP alone—great for migrating legacy themes, weak for interactive new blocks.
HTML over WebSockets: SPAs with barely any JavaScript
The LiveView pattern: server-rendered HTML over a persistent channel—no separate API contract or heavy client framework required.
React useLatest: fresh state in async callbacks without extra renders
useLatest from @reactuses/core: a layout-effect ref against stale closures after await, timers, and subscriptions.
TanStack Table v9: pay only for the table features you register
Stable v9 four years after v8: tree-shakable features, TanStack Store, up to 86% less memory on a million rows, and ten framework adapters.
SvelteKit Remote Functions, TypeScript 6, and CLI Plugins
A Dev.to walkthrough argues that typed remote functions and experimental CLI plugins can simplify SvelteKit feature delivery.
CSS conic-gradient(): triangles, rays, and pie segments
conic-gradient() paints color around a point, enabling pie segments, rays, triangles, and interactive effects without extra markup.
How TypeScript Generic Constraints Prevent Runtime Errors
How `extends`, `keyof`, and indexed access let TypeScript catch invalid keys and values before an application runs.
Meta open-sources its Astryx design system for React
Astryx combines React, StyleX, 160+ components, themes, and templates, offering a look at Meta's approach to large-scale UI consistency.
Frontend without the wait: TSGO, Oxlint, Rsbuild, and React Compiler
A practical frontend tooling roundup: faster type checks, linting, builds, API contracts, and React optimisation.
React: debounce searches and autosaves without extra requests
How to choose useDebounce or useDebounceFn in React, avoid stale closures, and safely control pending work.
Astro 7: Rust core, route caching, and AI-friendly tooling
Astro 7 moves its compiler and Markdown processing to Rust, speeds up builds, and adds route caching and agent-aware development tools.
euv: a Rust and WebAssembly UI framework for the browser
Intro guide to euv: virtual DOM, reactive signals, the html! macro, and mount — declarative frontend with Rust type safety compiled to WASM.
I gave Tailwind typed props. Then it ate React Hook Form.
How the DashForge author turned Tailwind classes into typed props and built application-aware components: forms, visibleWhen, RBAC — without Controller per field.
React Router v8: boring, but good
React Status #479: React Router v8 as an intentionally boring release, Rust React Compiler port, RN 0.86, TypeScript 7 RC, and React ecosystem news.
React 19: concurrent rendering, Actions, and Suspense in production
Deep dive into React 19 concurrent rendering: urgent vs transition updates, useTransition, useOptimistic, and Suspense boundaries without blocking the UI.
How the Modern Web Works: From Browser to Database
The full HTTP request journey — DNS, TLS, CDN, load balancer, Nginx, backend, Redis, queues, PostgreSQL, and back to the browser. A practical guide for developers and architects.
Zero-JS was not enough: edge-caching SSR HTML on Cloudflare Workers
How the author stabilized Core Web Vitals after dropping React: Cache API, cookie-gated HTML, removing Zod from the browser, and refactoring Astro forms.
How to Design a Modern ERP System in 2026: From Monolith to Platform
Metadata Driven Architecture, platform engines, frontend stack, and migration strategy — how to build an ERP that evolves for decades without a rewrite every five years.
Extend UI — open-source React components for PDF, DOCX, and e-sign
14 MIT-licensed components from extend.ai: document viewers, bounding box citations, file upload, and e-signature.
Vue 3: reactivity and Composition API pitfalls
ref vs reactive, destructuring traps, watchEffect loops, Teleport context — common Vue 3 mistakes from Dev.to.
Evolution of Web Application Architecture Over the Last 20 Years
From server-side rendering in 2005 to AI apps and edge computing: how web architectures changed, why past choices were not mistakes, and how to pick an approach in 2026.
TypeScript path aliases in monorepos: Astro, React, and shared types
baseUrl, paths, and project references: @shared/types instead of ../../../ and silent build failures without workspace:*.
The frontend knowledge gap AI won't close for you
Rendering, networks, component architecture, and Core Web Vitals—what button tutorials skip and production demands.
Evolution of Image Formats: From BMP to AVIF — A Developer's Complete Guide
History and practice: BMP, GIF, JPEG, PNG, WebP, HEIC, AVIF, and JPEG XL. How compression works, what to pick in 2026, and how to serve images without hurting LCP.
JavaScript performance: 8 fixes that actually matter in 2026
Measure first, then optimize: debounce, lazy load, Web Workers, bundle diet, and a quick-wins checklist.
Near-instant Next.js: a practical App Router checklist
Server Components by default, less client JS, next/image, no CLS, caching, next/script, and measuring on throttled mobile—not your laptop.
Fast Client-Side Puzzle Solvers with Next.js and Web Workers
Next.js static export, Web Workers for heavy algorithms, bitboards for Block Blast, trie for word search — $0 hosting.
React.lazy and the blank screen after deploy
Stale HTML in the tab, new bundle on the CDN — chunk missing. A global listener and cache-bust in ~15 lines.
The HTML `<install>` element: PWA install without JavaScript
Chrome and Edge are testing a native install button for web apps — simpler than manifest plus custom JS alone.
Svelte May 2026: TypeScript 6, remote functions, CLI plugins
SvelteKit 2.56—field.as() for forms, a breaking remote query refresh change, experimental community plugins, ThoughtWorks Radar.
MDN rebuilds its frontend with web components instead of a React wrapper
How MDN moved from a React SPA shell to Lit, server components, and interactive islands—and why content sites should care.
From Next.js to Astro: when a blog does not need client-side React
A developer moved a portfolio from Next.js 15 to Astro 6: ~230 KB JS per post page became ~0 KB; Lighthouse 99–100.
A modern React stack: Vite, Tailwind, i18next, and TanStack Router
Step-by-step setup without dependency chaos—routing, styling, and i18n in one minimal but production-ready scaffold.