#javascript

9 Articles

All posts tagged with #javascript

PerformanceNov 24, 20258 min read

WebAssembly for Frontend: When Native Speed Matters

Our image editor's blur filter took 3 seconds on a 4K image in JavaScript. After porting it to WebAssembly, it runs in 180ms. That's not a typo 16x faster. WebA...

#webassembly #wasm #performance #react #javascript

TypeScriptNov 4, 20257 min read

TypeScript 5.6: What's New for Frontend Developers

TypeScript 5.6 caught three bugs in our codebase on the first build conditions that always evaluated to truthy, silently ignored for months. The new nullish and...

#typescript #typescript-5.6 #javascript #frontend #type-safety

AI/MLOct 18, 20259 min read

TensorFlow.js in React: Building ML-Powered Components

Our product team wanted image moderation without sending user photos to external APIs. Privacy concerns and latency requirements ruled out server-side solutions...

#tensorflowjs #react #machine-learning #ai #javascript

React.jsOct 10, 20258 min read

React 19 useEffectEvent: Solving the useEffect Closure Problem

Every React developer has hit the stale closure problem in useEffect. You set up an event listener, but it captures old state values. You add the state to depen...

#react-19 #useeffectevent #hooks #closures #javascript

FrameworksOct 6, 20259 min read

htmx with Next.js: Lightweight Interactivity Patterns

Our admin dashboard had grown to 450KB of JavaScript. Users on slower connections waited 4+ seconds for interactive elements. After experimenting with htmx alon...

#htmx #nextjs #performance #html-over-wire #javascript

React.jsOct 2, 20259 min read

Web Components in React 19: Cross-Framework Compatibility

Our design system team faced a frustrating reality: we maintained three separate component libraries for React, Vue, and Angular applications. Every button upda...

#react-19 #web-components #custom-elements #cross-framework #javascript

Code QualityJun 22, 202514 min read

Custom ESLint Rules for Your Team

After creating custom ESLint rules for over a dozen development teams, I've learned that the most impactful rules aren't about enforcing personal preferences th...

#eslint #code-quality #javascript #typescript #developer-tools

TestingJun 14, 202519 min read

React Testing Library: Best Practices and Patterns

After writing thousands of React tests across dozens of projects, I've learned that the difference between tests that give you confidence and tests that break w...

#react #testing #react-testing-library #javascript #accessibility

React.jsApr 3, 20257 min read

React 19: What's New and Should You Upgrade?

React 19 landed in December 2024, and after migrating three production applications to the new version, I've experienced firsthand how this release fundamentall...

#react #react-19 #performance #server-components #javascript

All Tags

#performance (31)#react (27)#nextjs (22)#ai-tools (11)#nextjs-16 (10)#javascript (9)#claude-code (8)#productivity (8)#optimization (8)#developer-productivity (7)#typescript (7)#react-19 (6)#mcp (5)#turbopack (5)#security (5)#css (5)#architecture (5)#webpack (5)#devops (5)#migration (4)#developer-experience (4)#vercel (4)#authentication (4)#frontend (4)#middleware (4)#vscode (4)#development-tools (4)#state-management (4)#hooks (3)#micro-frontends (3)#module-federation (3)#type-safety (3)#server-components (3)#core-web-vitals (3)#testing (3)#2026 (2)#ai-agents (2)#automation (2)#multi-tenant (2)#i18n (2)#predictions (2)#react-compiler (2)#responsive-design (2)#components (2)#caching (2)#webassembly (2)#wasm (2)#debugging (2)#edge-computing (2)#serverless (2)#routing (2)#nextjs-15 (2)#accessibility (2)#zustand (2)#monitoring (2)#developer-tools (2)#database (2)#postgresql (2)#react-testing-library (2)#workflow (2)#extensions (2)#web-development (2)#development (2)#web-apis (1)#browser (1)#ollama (1)#local-llm (1)#async-agents (1)#ai-workflow (1)#frontend-development (1)#sitecore (1)#jss (1)#content-sdk (1)#xm-cloud (1)#headless-cms (1)#year-in-review (1)#memoization (1)#cursor (1)#copilot (1)#container-queries (1)#proxy (1)#bundler (1)#ppr (1)#astro (1)#frameworks (1)#infrastructure (1)#typescript-5.6 (1)#upgrade (1)#prefetching (1)#ai-debugging (1)#devtools (1)#tensorflowjs (1)#machine-learning (1)#ai (1)#qwik (1)#resumability (1)#hydration (1)#useeffectevent (1)#closures (1)#htmx (1)#html-over-wire (1)#web-components (1)#custom-elements (1)#cross-framework (1)#concurrent-features (1)#suspense (1)#error-boundaries (1)#api-routes (1)#app-router (1)#rust (1)#workspace (1)#typescript-5.5 (1)#a11y (1)#inclusive-design (1)#wcag (1)#jotai (1)#context (1)#docker (1)#forms (1)#controlled-components (1)#uncontrolled-components (1)#react-hook-form (1)#code-splitting (1)#design-system (1)#design-tokens (1)#ui (1)#ssr (1)#ssg (1)#isr (1)#rendering (1)#git (1)#team-workflow (1)#branching-strategy (1)#ci-cd (1)#react-query (1)#swr (1)#data-fetching (1)#environment-variables (1)#secrets-management (1)#best-practices (1)#cms (1)#contentful (1)#sanity (1)#strapi (1)#grid (1)#flexbox (1)#layout (1)#rum (1)#lighthouse (1)#eslint (1)#code-quality (1)#migrations (1)#production (1)#cicd (1)#github-actions (1)#deployment (1)#theming (1)#design-systems (1)#next.js (1)#memory-management (1)#redux (1)#cloudflare (1)#code-review (1)#utility-types (1)#user-experience (1)#saas (1)#css-in-js (1)#tailwind (1)#styling (1)#macos (1)#terminal (1)#websockets (1)#socket-io (1)#real-time (1)#nodejs (1)#error-handling (1)#github-copilot (1)#images (1)#web-vitals (1)#internationalization (1)#next-intl (1)#localization (1)#custom-hooks (1)#analytics (1)#google-analytics (1)#privacy (1)#mongodb (1)#prisma (1)#supabase (1)#jwt (1)#oauth (1)#web-fonts (1)#jest (1)#playwright (1)#pwa (1)#progressive-web-apps (1)#service-worker (1)#offline (1)#api-design (1)#rest (1)#graphql (1)#backend (1)