프로미스나인과 비교 분석 결과 메이플에만 있는 두 가지 무거운 패턴. - Layout 헤더의 backdrop-blur-md 제거하고 불투명 배경(var(--bg-from))으로 교체. sticky 헤더 아래 컨텐츠가 애니메이션될 때마다 frosted glass 필터를 매 프레임 재계산하던 비용 제거 (fromis_9는 shadow-sm만 사용). - html/body/#root의 background-color/image 500ms transition 제거. 테마 전환 부드럽게 하려는 의도였지만 범위가 전역이라 페이지 렌더 성능 발목을 잡음. 테마 토글은 이제 즉시 전환. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .dockerignore | ||
| .gitignore | ||
| Dockerfile | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| vite.config.js | ||
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.