Skip to main content
Rishi
  • Articles
  • Projects
  • Gallery
  • About
Articles Projects Gallery About Get in Touch
  1. Home
  2. › Articles
  3. › Series
DEEP DIVES

Article Series

Complex topics broken into focused, digestible parts. Each series takes you on a journey from fundamentals to advanced concepts.

8 series · 23 articles total

Core Web Vitals in 2026

A 3-part series exploring core web vitals in 2026 in depth.

3 parts
1
Core Web Vitals performance metrics showing LCP, INP, and CLS thresholds for 2026
Part 1

Core Web Vitals in 2026: Understanding LCP, INP & CLS

The complete 2026 guide to Core Web Vitals — what LCP, INP, and CLS actually measure, updated thresholds, how to test them properly, and why your Lighthouse scores don't match real-world data.

January 28, 2026 Read article →
2
Core Web Vitals optimization strategies showing quick wins for LCP, INP, and CLS in 2026
Part 2

Core Web Vitals in 2026: Optimization Strategies & Quick Wins

A triage-first guide to the fastest Core Web Vitals fixes that often move LCP, INP, and CLS in production. Start with the obvious wins, then hand stubborn issues off to deeper troubleshooting.

February 11, 2026 Read article →
3
Editorial illustration connecting web performance metrics with search visibility and page experience
Part 3

Core Web Vitals and SEO: What They Influence, and What They Don't

A practical, source-backed guide to how Core Web Vitals relate to SEO. Learn what Google actually says, where CWV matter in practice, and how to prioritize performance work without overclaiming ranking impact.

April 10, 2026 Read article →
Start Reading from Part 1

Developing Scalable React Applications

A 4-part series exploring developing scalable react applications in depth.

4 parts
1
Modern Redux Toolkit architecture with RTK Query data fetching and TypeScript
Part 1

Modern Redux with Redux Toolkit & RTK Query in 2026

Complete 2026 guide to Redux Toolkit and RTK Query with TypeScript. Learn createSlice, createAsyncThunk, automatic caching, and tag-based invalidation — from setup to production patterns.

October 17, 2025 Read article →
2
React hooks useContext and useReducer implementation replacing Redux for state management
Part 2

React State Management Without Redux: useContext + useReducer Pattern

Learn to manage complex React application state without Redux using useContext and useReducer hooks. Create a scalable, Redux-like state management pattern with zero external dependencies.

May 19, 2019 Read article →
3
Diagram illustrating React application architecture concepts and directory structures.
Part 3

Scalable React Architecture: Directory Structure Best Practices

Learn how to structure React applications with scalable, maintainable architecture. Practical directory organization patterns based on real-world experience.

April 11, 2019 Read article →
4
Scalable React application architecture diagram showing Redux store structure with sagas and services
Part 4

Scalable React Architecture: Redux, Sagas & Services Pattern

Learn Redux architecture patterns for React applications. Complete guide to organizing Redux store, sagas, services, and selectors for enterprise projects.

May 11, 2019 Read article →
Start Reading from Part 1

Web Accessibility: A Developer's Guide

A 3-part series exploring web accessibility: a developer's guide in depth.

3 parts
1
Accessible web app with ARIA and keyboard navigation
Part 1

Web Accessibility Guide: ARIA Roles, Keyboard Navigation & Color Contrast

Practical web accessibility guide for developers covering semantic HTML, keyboard support, focus management, color contrast, and when ARIA is actually necessary. Updated for WCAG 2.2.

June 16, 2025 Read article →
2
Split image showing a frustrated user struggling with an inaccessible form versus a happy user easily completing an accessible form with proper labels and clear feedback
Part 2

Creating Accessible Web Forms

Learn to build accessible web forms with this developer's guide. Covers WCAG 2.2, ARIA roles, semantic HTML, keyboard navigation, and error handling to create inclusive, compliant user experiences.

June 25, 2025 Read article →
3
A futuristic assembly line where glowing web page mockups pass through scanning gates that highlight accessibility elements like form labels and contrast ratios, color-coded green or amber, in a sleek dark industrial space with teal and violet lighting
Part 3

Automated Accessibility Testing with axe-core, Playwright & GitHub Actions

Set up automated accessibility regression checks in CI/CD with axe-core, Playwright, and GitHub Actions. Catch common issues before production, then pair automation with manual testing where tools stop.

July 14, 2025 Read article →
Start Reading from Part 1

Guide to Improving Page Performance in 2026

A 3-part series exploring guide to improving page performance in 2026 in depth. New parts are being added regularly.

3 parts Ongoing
1
Core Web Vitals metrics dashboard showing performance optimization results
Part 1

Core Web Vitals: Real-World Optimization Strategies

Optimize Core Web Vitals for better SEO and UX. Practical strategies for LCP, INP, and CLS with code examples and real-world implementation tips.

January 20, 2025 Read article →
2
Optimized images in various formats and sizes
Part 2

Image Optimization for the Modern Web

Cut image load times by 50%+ with responsive srcset/sizes, automatic WebP and AVIF conversion, smart lazy loading, and CI pipeline automation. Step-by-step guide with code examples.

March 29, 2025 Read article →
3
Performance monitoring dashboard showing LCP and INP metrics optimization with CDN and RUM data
Part 3

Advanced Core Web Vitals: LCP, INP, CDN & Real User Monitoring

A follow-on guide for when the obvious Core Web Vitals fixes are done. Covers fetchpriority, yielding long tasks, CDN and cache review, and field monitoring without treating any one tactic as a silver bullet.

August 16, 2025 Read article →
Start Reading from Part 1

Practical Progressive Web Apps

A 1-part series exploring practical progressive web apps in depth.

1 parts
1
Advanced PWA features showing offline support, push notifications, and background sync capabilities
Part 1

Advanced PWA Guide: Offline Caching, Push Notifications & Background Sync

Build production-ready offline PWAs from scratch. Covers cache-first and network-first strategies, IndexedDB offline queues, Background Sync API, and Web Push with VAPID keys — with working code.

August 15, 2024 Read article →
Start Reading from Part 1

Structured Data for Developers: A Complete Guide

A 3-part series exploring structured data for developers: a complete guide in depth.

3 parts
1
JSON-LD code example and validation workflow for structured data implementation
Part 1

JSON-LD Implementation Guide: Placement, Validation & Keeping Markup in Sync

A developer-focused JSON-LD implementation guide covering placement, validation, multiple blocks vs @graph, and how to keep structured data aligned with visible content.

February 14, 2024 Read article →
2
Side-by-side comparison of Microdata, JSON-LD, and RDFa structured data code examples
Part 2

Microdata vs JSON-LD vs RDFa: Which Structured Data Format to Use in 2026

Compare Microdata, JSON-LD, and RDFa structured data formats. Learn when Google recommends JSON-LD, when Microdata still fits, and how to choose based on maintainability instead of ranking myths.

February 26, 2026 Read article →
3
HTML code with Microdata and Microformats semantic markup highlighted showing SEO structured data implementation
Part 3

Microformats and Microdata: What They Are, Where They Still Fit, and Where They Don't

Understand the difference between Microformats and Microdata, where each still fits, and why most new Google-focused structured data work starts with JSON-LD instead.

November 19, 2023 Read article →
Start Reading from Part 1

The Ultimate SEO Guide for Developers, Designers and everyone else!

A 2-part series exploring the ultimate seo guide for developers, designers and everyone else! in depth.

2 parts
1
Comprehensive SEO checklist with technical optimization elements for web developers
Part 1

Ultimate SEO Checklist for Web Developers: Complete Guide

Complete SEO checklist for web developers covering technical optimizations, metadata, structured data, and performance. A practical developer's guide to making pages easier for search engines and users to understand.

July 29, 2023 Read article →
2
SEO link equity flow diagram showing link juice distribution between interconnected web pages
Part 2

Link Juice & SEO: Complete Guide to Nofollow, Noreferrer & Link Equity

Complete guide to link juice optimization, nofollow attributes, and link equity strategies. Learn internal linking best practices, external link management, and SEO techniques to boost page authority and rankings.

June 11, 2024 Read article →
Start Reading from Part 1

Production-Ready TypeScript: A Complete Guide

A 4-part series exploring production-ready typescript: a complete guide in depth.

4 parts
1
TypeScript utility types and advanced type system patterns visualization
Part 1

TypeScript Utility Types: Generics, Conditionals & Mapped Types (2026)

Master TypeScript utility types with practical, copy-paste examples. Covers Partial, Pick, Omit, Record, mapped types, conditional types, and template literal types — with real-world patterns you'll actually use in production.

March 15, 2021 Read article →
2
TypeScript strict mode compiler configuration and type safety visualization
Part 2

TypeScript Strict Mode: Best Practices for Production Code

Complete guide to TypeScript strict mode and compiler options. Learn how to configure strictNullChecks, strictPropertyInitialization, noImplicitAny, and other settings for bulletproof production code.

June 15, 2021 Read article →
3
TypeScript type guards and control flow narrowing visualization
Part 3

TypeScript Type Guards & Narrowing: Discriminated Unions, Predicates & typeof

How to use TypeScript type guards for runtime type safety. Covers discriminated unions, custom type predicates, typeof, instanceof, and control flow narrowing — with practical examples.

September 15, 2021 Read article →
4
TypeScript declaration merging and module augmentation patterns
Part 4

TypeScript Declaration Merging & Module Augmentation: Extend Any Library's Types

Extend third-party library types without forking. Complete guide to TypeScript declaration merging, module augmentation, ambient declarations, and .d.ts files — with real examples.

December 15, 2021 Read article →
Start Reading from Part 1
GitHub LinkedIn Instagram

© 2026 Rishi Chawda

Articles ·Projects ·Gallery ·Career ·About ·Contact ·Privacy Policy

Keyboard Shortcuts

Navigation

  • HGo to Home
  • G AGo to Articles
  • G PGo to Projects
  • G GGo to Gallery
  • G CGo to Contact
  • G BGo to Bits
  • G QGo to Reads

Actions

  • ⌘ KOpen search
  • TToggle theme
  • ?Show this modal
  • EscClose overlay

Reading

  • JScroll to next section
  • KScroll to previous section
  • ←Previous article
  • →Next article