https://www.yashkapure.com/en/blog/ Engineering notes on React, Next.js, performance, and SEO. en Sun, 12 Jul 2026 18:35:26 GMT https://www.yashkapure.com/en/blog/free-api-key-platforms-for-ai-usage/ https://www.yashkapure.com/en/blog/free-api-key-platforms-for-ai-usage/ Sun, 12 Apr 2026 00:00:00 GMT Free AI API keys from OpenRouter, Groq, Google AI Studio, NVIDIA Build, GitHub Models, and Cloudflare Workers AI - rate limits, working provider combos, and key hygiene explained. AI https://www.yashkapure.com/en/blog/how-to-set-up-ci-cd-for-a-react-app/ https://www.yashkapure.com/en/blog/how-to-set-up-ci-cd-for-a-react-app/ Sat, 27 Jun 2026 00:00:00 GMT A practical, step-by-step walkthrough of CI/CD for React: from a git push to GitHub Actions, quality gates, preview deployments, production releases, monitoring, and rollback - with interactive demos you can run. Frontend https://www.yashkapure.com/en/blog/claude-fable-5-explained/ https://www.yashkapure.com/en/blog/claude-fable-5-explained/ Wed, 10 Jun 2026 00:00:00 GMT Anthropic just launched Claude Fable 5, its most capable model yet. A short, no-fluff guide for developers: what it does, what it costs, how the safety routing works, and how to start using claude-fable-5. AI Tools https://www.yashkapure.com/en/blog/frontend-architecture-for-ai-codegen/ https://www.yashkapure.com/en/blog/frontend-architecture-for-ai-codegen/ Mon, 01 Jun 2026 00:00:00 GMT AI writes most of the boilerplate now. The bottleneck moved to architecture. Here is how to design component APIs, contracts, and guardrails so AI-generated frontend code is correct by construction. Frontend https://www.yashkapure.com/en/blog/monorepo-architecture-for-frontend-teams/ https://www.yashkapure.com/en/blog/monorepo-architecture-for-frontend-teams/ Fri, 29 May 2026 00:00:00 GMT Package boundaries, shared TypeScript configs, build caching, and dependency management - how to structure a monorepo that scales with the team. Frontend https://www.yashkapure.com/en/blog/design-systems-that-teams-actually-use/ https://www.yashkapure.com/en/blog/design-systems-that-teams-actually-use/ Wed, 27 May 2026 00:00:00 GMT Why most design systems collect dust - and how to build one that developers reach for by default. Governance, naming, contribution workflows, and adoption patterns. Frontend https://www.yashkapure.com/en/blog/testing-strategy-for-frontend-architecture/ https://www.yashkapure.com/en/blog/testing-strategy-for-frontend-architecture/ Mon, 25 May 2026 00:00:00 GMT Where to invest testing effort for maximum confidence - unit tests for logic, integration for workflows, E2E for critical paths, and what to mock at each layer. Frontend https://www.yashkapure.com/en/blog/api-contracts-between-frontend-and-backend/ https://www.yashkapure.com/en/blog/api-contracts-between-frontend-and-backend/ Sat, 23 May 2026 00:00:00 GMT Shared types, Zod schemas, contract testing, and the patterns that turn API mismatches from runtime surprises into compile-time errors. Frontend https://www.yashkapure.com/en/blog/state-management-decision-tree/ https://www.yashkapure.com/en/blog/state-management-decision-tree/ Thu, 21 May 2026 00:00:00 GMT A decision tree for where each piece of state lives - useState, useReducer, Context, Zustand, server state, URL state - and when to reach for each. Frontend https://www.yashkapure.com/en/blog/component-design-from-primitive-to-product/ https://www.yashkapure.com/en/blog/component-design-from-primitive-to-product/ Tue, 19 May 2026 00:00:00 GMT How to design components that compose cleanly - slots, compound components, and the line between flexibility and chaos. Frontend https://www.yashkapure.com/en/blog/frontend-architecture-mental-model/ https://www.yashkapure.com/en/blog/frontend-architecture-mental-model/ Sat, 16 May 2026 00:00:00 GMT Five interconnected pillars - components, state, contracts, testing, tooling - that keep a frontend codebase healthy as the team and features grow. Frontend https://www.yashkapure.com/en/blog/react-diffing-algorithm-reconciliation/ https://www.yashkapure.com/en/blog/react-diffing-algorithm-reconciliation/ Sun, 03 May 2026 00:00:00 GMT Learn React's reconciliation algorithm: virtual DOM diffing, key prop rules, render vs commit phases, React 18 batching, and concurrent rendering - from first principles to production patterns. Frontend https://www.yashkapure.com/en/blog/javascript-promises-async-await-microtasks/ https://www.yashkapure.com/en/blog/javascript-promises-async-await-microtasks/ Fri, 01 May 2026 00:00:00 GMT From callback hell to Promise chains to async/await, this guide covers everything about asynchronous JavaScript including error handling, Promise combinators, AbortController, and real-world patterns. Frontend https://www.yashkapure.com/en/blog/how-i-use-claude-code-to-build-features-faster/ https://www.yashkapure.com/en/blog/how-i-use-claude-code-to-build-features-faster/ Tue, 28 Apr 2026 00:00:00 GMT A real-world workflow guide for using Claude Code CLI to build features, debug bugs, refactor legacy code, and run custom automations - with actual examples from building this portfolio. AI Tools https://www.yashkapure.com/en/blog/how-to-build-mcp-server-from-scratch/ https://www.yashkapure.com/en/blog/how-to-build-mcp-server-from-scratch/ Tue, 28 Apr 2026 00:00:00 GMT A practical beginner guide to building a local MCP server (stdio) step-by-step. You will run a working server, connect it to Claude Desktop, and call your first tool. AI Tools https://www.yashkapure.com/en/blog/javascript-closures-and-lexical-scope/ https://www.yashkapure.com/en/blog/javascript-closures-and-lexical-scope/ Fri, 24 Apr 2026 00:00:00 GMT Learn JavaScript closures with interactive demos. Covers lexical scope, the var vs let loop bug, stale React hooks, memory leak patterns, and closure interview questions. Frontend https://www.yashkapure.com/en/blog/javascript-event-loop-and-call-stack/ https://www.yashkapure.com/en/blog/javascript-event-loop-and-call-stack/ Wed, 22 Apr 2026 00:00:00 GMT JavaScript call stack, event loop, microtask queue, and macrotask queue explained with real execution traces. Learn why Promises beat setTimeout and how to debug async timing bugs. Frontend https://www.yashkapure.com/en/blog/onboard-to-any-git-repo-fast-5-commands-before-i-read-code/ https://www.yashkapure.com/en/blog/onboard-to-any-git-repo-fast-5-commands-before-i-read-code/ Wed, 15 Apr 2026 00:00:00 GMT Five git commands I run before reading any code: find churn hotspots, map ownership risk, spot bug clusters, read delivery cadence, and detect firefighting patterns in minutes. Engineering https://www.yashkapure.com/en/blog/improving-nextjs-lighthouse-without-killing-design/ https://www.yashkapure.com/en/blog/improving-nextjs-lighthouse-without-killing-design/ Tue, 10 Mar 2026 00:00:00 GMT How I chase Lighthouse and Core Web Vitals on a real Next.js portfolio without turning the UI into a gray wireframe. Performance https://www.yashkapure.com/en/blog/seo-aeo-geo-for-a-modern-developer-portfolio/ https://www.yashkapure.com/en/blog/seo-aeo-geo-for-a-modern-developer-portfolio/ Sun, 08 Mar 2026 00:00:00 GMT How I structure a portfolio so Google, featured snippets, and AI crawlers can all quote me without me sounding like a keyword vending machine. SEO https://www.yashkapure.com/en/blog/shipping-react-ui-fast-without-making-a-mess/ https://www.yashkapure.com/en/blog/shipping-react-ui-fast-without-making-a-mess/ Thu, 05 Mar 2026 00:00:00 GMT The way I structure React and Next.js UI so the team ships fast because the system is obvious, not because we skipped every guardrail. Frontend https://www.yashkapure.com/en/blog/javascript-prototypal-inheritance/ https://www.yashkapure.com/en/blog/javascript-prototypal-inheritance/ Mon, 15 Sep 2025 00:00:00 GMT ES6 classes are syntactic sugar over prototypes. This guide explains how the prototype chain actually works, what Object.create does, and how to use composition over inheritance effectively. Frontend