Loading page
by embr
A TypeScript + React 19 frontend starter with a polished loading screen, inline runtime error display, and unhandled promise rejection catching — all wired up before your app mounts. Built with Vite, Tailwind CSS v4, and TypeScript, it's ideal for developers who want a solid base with built-in error surfacing during development. Licensed under the Tetrees License.
Reconnected is a frontend TypeScript single-page application scaffold built on React 19 and Vite. It provides a polished app shell with a branded loading screen, runtime error handling, and iframe preview communication — making it a solid foundation for building and previewing React applications in embedded or standalone environments.
window.error and unhandledrejection listeners catch JavaScript errors and display a formatted error panel in-pagetetrees:preview-ready and tetrees:preview-error messages to the parent window, enabling integration with embedded preview environments@typescript-eslint and eslint-plugin-unused-imports configured| Layer | Technology |
|---|---|
| UI Framework | React 19 |
| Language | TypeScript ~5.6 |
| Build Tool | Vite 6 |
| Styling | Tailwind CSS 4 |
| Linting | ESLint 9 + TypeScript ESLint |
| Entry Point | src/main.tsx |
npm install
npm run dev
Starts the Vite dev server. Open the local URL shown in the terminal.
npm run build
Outputs a production-ready bundle to the dist/ directory.
npm run preview
The #tetrees-loading overlay is rendered immediately in HTML (before JS executes) and is removed once #root contains child elements — ensuring no flash of unstyled content.
| Trigger | Behavior |
|---|---|
| App load timeout (30s) | Spinner replaced with timeout error message |
window.error event | Full-page error overlay with filename and line number |
unhandledrejection event | Full-page error overlay with rejection reason |
// Fired when app mounts successfully
{ type: 'tetrees:preview-ready' }
// Fired on any error
{ type: 'tetrees:preview-error', error: string, kind: 'runtime' | 'promise' | 'timeout' }
Tetrees License
Spin up an isolated sandbox and run it server-side — no local setup.
The sandbox audition completed and the detected runnable path passed.
This React web app completed archive review. Structure, dependency manifests, documentation, functional source, and common risk patterns were checked by the Tetrees verification pipeline; runtime phases are stated separately. Final verified scores after isolated runtime evidence: overall 8.2 and security 9.
Deterministic AVCP artifact review
Pipeline avcp-2026-08-04.1 · SHA-256 678d7fc1d2fa2511…
This version-scoped review deterministically inspects the submitted archive for structure, dependencies, documentation, functional source, and common malicious or high-risk signals. Build and test phases are reported as passed only after an isolated sandbox audition. It is not a guarantee of perfect security.
Reviewed Aug 7, 2026
The full install guide and integration prompts unlock after purchase.
Push this product straight into your AI IDE, web builder or cloud IDE.
Connect Tetrees to a compatible AI IDE, list products you own, and request the verified ZIP without exposing seller upload controls.
25 ratings
Punches well above its price. Picked up "Functional UI Widget Collection" for a client workflow — The code is readable and the structure makes sense.
Punches well above its price. Dropped "Functional UI Widget Collection" straight into the workflow; the README covered every config I needed. Highly recommend.
Really solid work. Handles the edge cases I usually have to patch myself, and the walkthrough got me running in minutes. Minor tweaks needed for my use case but nothing broke.
Worth every point. Dropped this automation setup straight into the workflow; the walkthrough got me running in minutes. Would buy from this seller again.
Punches well above its price. TypeScript types are actually accurate, no fighting the compiler, and even the tricky env setup was explained well. No regrets.
Shipped with this same week. Picked up "Functional UI Widget Collection" for a client workflow — The abstractions are sensible and easy to swap out.
This is a keeper. Dropped "Functional UI Widget Collection" straight into the workflow; even the tricky env setup was explained well. Docking half a star only because I wanted a couple more examples.
Shipped with this same week. As someone who automates these all day, typeScript types are actually accurate, no fighting the compiler. Support answered my question fast.
Clean and well thought out. Picked up "Functional UI Widget Collection" for a client workflow — Zero mystery dependencies, everything is documented. No regrets.
Rock solid so far. The code is readable and the structure makes sense, and examples matched the actual API, which is rare.
Sign in to join the discussion
Loading discussion…