리액트 개발에 필요한 Webpack, Babel, Jest, Lint, Prettier, 환경변수, MSW, TypeScript 설정이 되어있는 boilerplate 입니다.

• zero-install: 클론 후 패키지 설치 없이 바로 사용할 수 있습니다.
• mocking: MSW가 포함되어 api들을 mocking해 사용할 수 있습니다.
• behavior-driven-test: react-testing-library를 활용한 유저 행동 기반 UI 테스팅 환경이 구성되어 있습니다.
• bundle-analyze: webpack-bundle-analyzer를 활용해 빌드시 번들 분석 정보를 확인할 수 있습니다.
• lint-automation: 깃 훅을 사용하여 커밋 이전 자동으로 lint를 실행해 코드 품질을 향상시킵니다.

npx fe-jhw-create-react-app [project name]

개발자모드로 앱을 실행합니다.

dist폴더에 앱을 빌드합니다.

staged 상태인 파일들에 린트를 실행합니다.

js,jsx파일들에 테스트를 실행합니다.

• 린트, JEST TS 설정 및 테스트
• TDD 관련 설정
• 빌드시 최적화
• 초기 git init후 pre-commit훅 실행시키기