⚛️

Modernized RCC

Free
Development Tools

A demonstration website showing how classic React class components can be combined with Astro, which stitches the components together into a modern site. Aimed at web developers curious about mixing older React patterns with newer framework tooling rather than at end users.

Catalogued August 3, 2026 · Curated by PWA Directory team
Online Only
Installable
Cross-Platform
Free

Not sure how to add Modernized RCC to your home screen? Step-by-step for Chrome, Safari, Firefox and Edge — it takes about ten seconds, and there is no app store involved.

Own Modernized RCC? Have us re-run this measurement — we open it in a real browser, cut the network, and send you what survived.

Tags
reactastroclass-componentsweb-developmentdemofrontendjavascriptpwa

How to install Modernized RCC as a PWA

Chrome / Edge
Menu (⋮) → Add to Home screen
Safari (iOS)
Share (↑) → Add to Home Screen
Firefox
Menu (⋮) → Install

Screenshots

Modernized RCC screenshot

Are you the maker of Modernized RCC? Claim this listing →

Similar to Modernized RCC

🖊️
Codepen

Social development environment for front-end code. Build and share HTML/CSS/JS demos, explore thousands of community creations. The go-to for frontend prototyping and experimentation. Pens run entirely client-side, which makes it a fast way to reproduce a bug before filing it.

🏖️
CodeSandbox

Browser-based development environment for React, Vue, Angular, and more. Instant previews, collaborative editing, deploy with one click. Ideal for prototyping and sharing demos. It boots a full npm dependency tree in the browser, so a shared link opens a running project rather than a snippet.

📱
Fact PWA

A minimal example progressive web app that can be installed on a phone's home screen like a native app. Its published details describe it as a simple demonstration, making it most useful for developers or students studying how basic PWA installability works rather than as an everyday tool.

🛠️
PWA Assignment

A simple demonstration Progressive Web Application built as a JavaScript course assignment. It registers a Workbox-powered service worker for caching, so the page continues to work offline, and it serves as a minimal reference for students learning how installable, offline-capable web apps are structured.

iOS PWA Keyboard Fix — Demo

A live demo and reference implementation of the conditional pre-lift fix for the iOS PWA keyboard scroll-jump bug. Web developers can toggle the fix on and off, watch viewport metrics change in real time, and read the source to apply the technique in their own apps.

Progressive Web Apps Techniques

A demonstration site that implements a range of progressive web app techniques in one simple project. Rather than a consumer product, it serves as a working example for developers who want to see PWA features applied in practice and borrow the patterns for their own sites.

Own a PWA? See the listing options — standard submission is free.

Get the monthly pick
Double opt-in — nothing is sent until you confirm. Unsubscribe any time.