Bun 은 .jsx 와 .tsx 파일을 기본적으로 지원합니다. React 는 Bun 에서 바로 작동합니다.
bun init --react 로 새 React 앱을 만듭니다. 이렇게 하면 간단한 React 앱과 간단한 API 서버가 하나의 풀스택 앱으로 구성된 템플릿이 제공됩니다.
bash
# 새 React 앱 만들기
bun init --react
# 개발 모드에서 앱 실행하기
bun dev
# 프로덕션을 위한 정적 사이트로 빌드하기
bun run build
# 프로덕션에서 서버 실행하기
bun start핫 리로딩
bun dev 를 실행하여 앱을 개발 모드로 시작하세요. 이렇게 하면 API 서버와 React 앱이 핫 리로딩과 함께 시작됩니다.
풀스택 앱
bun start 를 실행하여 API 서버와 프론트엔드를 하나의 프로세스에서 함께 시작하세요.
정적 사이트
bun run build 를 실행하여 앱을 정적 사이트로 빌드하세요. 이렇게 하면 빌드된 앱과 모든 자산이 포함된 dist 디렉터리가 생성됩니다.
txt
├── src/
│ ├── index.tsx # API 라우트가 포함된 서버 진입점
│ ├── frontend.tsx # HMR 이 포함된 React 앱 진입점
│ ├── App.tsx # 메인 React 컴포넌트
│ ├── APITester.tsx # API 엔드포인트 테스트용 컴포넌트
│ ├── index.html # HTML 템플릿
│ ├── index.css # 스타일
│ └── *.svg # 정적 자산
├── package.json # 종속성 및 스크립트
├── tsconfig.json # TypeScript 구성
├── bunfig.toml # Bun 구성
└── bun.lock # 잠금 파일