Various React experiments during 2026.

A React 19 experiment demonstrating coordinated multi-form validation and submission with a unified save experience.

Problem: Managing multiple independent forms that share a single "Save All" button, where validation must pass on all forms before any submissions occur.

Key Concepts:

• Dirty state tracking across multiple forms via Zustand
• Coordinated validation using React Hook Form + Zod
• Parallel submission with partial failure handling
• Centralized error display with field-level feedback

Tech Stack: React 19, TypeScript, Vite, Zustand, React Hook Form, Zod, Tailwind CSS v4, MSW, Vitest, Cucumber.js + Playwright

A React data table spike demonstrating a high-performance, virtualized stock data table built with modern React patterns and TanStack libraries.

Problem: Efficiently displaying and interacting with large datasets (1000+ rows) in a React table while maintaining smooth scrolling performance and responsive UI.

Key Concepts:

• Table virtualization for large datasets via TanStack Virtual
• Server-side pagination with infinite scrolling
• Column sorting and global search filtering
• Data caching and auto-refetching via TanStack Query

Tech Stack: React 19, TypeScript, Vite, TanStack Table, TanStack Query, TanStack Virtual, Tailwind CSS, MSW, Vitest, Cucumber.js + Playwright