Loading page
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
격리된 샌드박스를 띄워 서버에서 바로 실행하세요 — 로컬 설정 불필요.
샌드박스 검증이 완료되었으며 감지된 실행 경로가 통과했습니다.
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
파이프라인 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.
검토일 2026년 8월 7일
전체 설치 가이드와 연동 프롬프트는 구매 후 열람할 수 있습니다.
이 제품을 AI IDE, 웹 빌더 또는 클라우드 IDE로 바로 가져오세요.
Tetrees를 호환 AI IDE에 연결해 보유 제품을 불러오고, 판매자 업로드 권한을 노출하지 않은 채 검증된 ZIP을 받으세요.
리뷰 25개
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.
토론을 불러오는 중…