React Performance Examples (React 18 vs React 19)

This is a monorepo of a demo web application. Its purpose is to model different component compositions in React 18 and React 19 and compare the rendering process. The detailed explanation could be found in my article React 18 vs React 19: Boosting Rendering Performance

Demo URL's:

React 18 Demo

React 19 Demo

Front-end part is implemented with Next.js 14/15, React 18/19, and TypeScript.

Cloud infrastructure part is implemented with AWS-CDK and TypeScript.

GitHub actions build a statically exported artifact and deploy to AWS hosting. You can read more about this hosting solution in my article Simple static web hosting AWS infrastructure with protected Dev environment

AWS hosting part infrastructure in implemented

Getting Started

Installation of dependencies in all workspaces

npm run install-all

Run the development server:

npm run dev-front