react mui vite ts

TypeScript를 사용하여 React + MUI와 Vite의 스타터 프로젝트

NPM의 혼합 재사용 가능한 구성 요소 및 유틸리티 세트와 함께 Vite 및 MUI를 생성하여 전문 React Application을 더 빠르게 구축합니다.

• 소스 코드
• 온라인 데모

포함 :

• 코드 형식에 더 예쁘다
• 오류 확인을위한 eslint
• 테스트 구성 요소 및 후크를위한 테스트 라이브러리 가있는 Vitest (또는 Jest )
• 일반적인 구성 요소 , 유용한 후크 및 필수 유틸리티 세트
• 컨텍스트 API를 사용한 상태 관리
• 다르고 맞춤형 공공 및 개인 레이아웃
• 기본 인증 후크 및 이벤트
• 토글이있는 어둡고 밝은 모드
• PWA 의 Favicon 및 매니페스트

사용 방법

1. https://github.com/karpolan/react-mui-vite-ts에서 복제 또는 다운로드
2. .env.example 파일을 .env 파일로 복사하십시오
3. 모든 파일의 _TITLE_ 및 _DESCRIPTION_ 자체 텍스트로 바꾸십시오.
4. 모든 // TODO: 지침을 확인하고 해결하십시오
5. 나만의 코드 추가 :)

사용 가능한 스크립트

프로젝트 디렉토리에서는 다음을 실행할 수 있습니다.

npm run dev

개발 모드에서 앱을 실행합니다.
브라우저에서 http : // localhost : 3000을 엽니 다.

편집하면 페이지가 다시로드됩니다.
콘솔에 보풀 오류가 표시됩니다.

npm run lint

오류 및 누락 된 물건에 대한 코드를 확인합니다

npm run format

./prettier.config.mjs config에 따라 코드를 형식화합니다

npm test

대화식 시계 모드에서 테스트 러너를 시작합니다.

npm run build

dist Folder에 대한 생산 또는 로컬 개발을위한 앱을 구축합니다.