Skip to main content
Rishi
  • Articles
  • Projects
  • Gallery
  • Career
  • About
Contact
Articles Projects Gallery Career 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 2026 guide to Core Web Vitals: what LCP, INP and CLS measure, the updated thresholds, how to test them, and why Lighthouse differs from field 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 Quick Wins

A triage-first guide to the quick fixes that most often move LCP, INP and CLS in production, with pointers for the stubborn issues that remain.

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 Do and Don't Influence

A source-backed look at how Core Web Vitals relate to SEO: what Google says, where they matter, and how to prioritize 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

A 2026 guide to Redux Toolkit and RTK Query with TypeScript: createSlice, createAsyncThunk, automatic caching and tag-based invalidation.

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

React State Management Without Redux: Context and Reducer

Manage complex React state with useContext and useReducer: a scalable, Redux-like pattern with no external dependencies.

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

Scalable React Architecture: Directory Structure Guide

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, Keyboard and Color Contrast

A practical accessibility guide covering semantic HTML, keyboard support, focus management, color contrast and when ARIA is needed. 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

A developer's guide to accessible web forms: WCAG 2.2, ARIA roles, semantic HTML, keyboard navigation and clear error handling.

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 and Playwright

Run accessibility regression checks in CI with axe-core, Playwright and GitHub Actions, then add manual testing where the 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

Speed up image loading with responsive srcset and sizes, WebP and AVIF conversion, lazy loading and CI automation, with code examples throughout.

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 and Field Data

Go beyond the first fixes with fetchpriority, yielding long tasks, CDN and cache review, and field monitoring, without hunting for 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, Push and Background Sync

Build offline PWAs with cache-first and network-first strategies, IndexedDB queues, Background Sync 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 Guide 2026: Implementation, Validation & Sync

Complete 2026 JSON-LD guide: placement, validation, and keeping markup in sync with page content. Part 1 of the Structured Data series.

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: 2026 Comparison Guide

Microdata vs JSON-LD vs RDFa compared for 2026 — what Google recommends and how to choose without ranking myths. Part 2 of the series.

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: Where They Still Fit

How Microformats and Microdata differ, where each still fits, and why most new Google-focused structured data work now starts with JSON-LD.

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

A developer's SEO checklist covering technical optimizations, metadata, structured data and performance, so search engines and users understand your pages.

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

Link Juice and SEO: Nofollow, Noreferrer and Link Equity

Learn how link juice, the nofollow and noreferrer attributes and link equity work, with advice on managing internal and external links.

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 and Advanced Patterns (2026)

Practical TypeScript utility types: Partial, Pick, Omit, Record, mapped, conditional and template literal types, with production-ready examples.

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

A guide to TypeScript strict mode: configure strictNullChecks, strictPropertyInitialization, noImplicitAny and related options for production code.

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

TypeScript Type Guards: Narrowing, Predicates and typeof

Use TypeScript type guards for runtime type safety: discriminated unions, custom type predicates, typeof, instanceof and control flow narrowing.

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

TypeScript Declaration Merging and Module Augmentation

Extend third-party library types without forking: 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

© 2018 Rishi Kumar Chawda

These articles are licensed under CC BY-NC 4.0, and the code samples in them under MIT. Not covered: photographs, quotations, other people's material (including code and images), and images generated with AI tools. License terms

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