여러 React 프로젝트를 Mono Repo로 구성하고 필요한 셋팅을 추가한 boilerplate입니다.
.
├── LICENSE
├── README.md
├── package.json
├── project
│ └── react-sample # 샘플 프로젝트
├── tsconfig.json
└── yarn.lock
Webpack dev server runs at localhost:3001
.
# 루트 프로젝트에서 실행 (루트 프로젝트에서 각 프로젝트 폴더로 이동해서 실행)
yarn start
Build outputs are created in dist
.
yarn build
- React: 18.2.0
- TypeScript
- webpack
- Babel
webpack
- Module and asset bundler.webpack-cli
- Command line interface for webpackwebpack-dev-server
- Development server for webpackwebpack-merge
- Simplify development/production configuration
@babel/core
- Transpile ES6+ to backwards compatible JavaScript@babel/preset-env
- Smart preset for Babel@babel/preset-react
- Babel preset for all React plugins@babel/preset-typescript
- Preset for TypeScript
@babel/plugin-proposal-class-properties
- The compiler for next generation JavaScriptreact-refresh
- Implements the wiring necessary to integrate Fast Refresh into bundlers
babel-loader
- Transpile files with Babel and webpackts-loader
- TypeScript loader for webpackcss-loader
- Resolve CSS importsstyle-loader
- Inject CSS into the DOM
clean-webpack-plugin
- Remove/clean build folders@pmmmwh/react-refresh-webpack-plugin
- React Refresh Webpack Pluginmini-css-extract-plugin
- Extracts CSS file per JS file which contains CSShtml-webpack-plugin
- Generate HTML files from template
eslint
- Enforce styleguide across applicationeslint-config-airbnb
- Base JS styleguide of Airbnbeslint-config-airbnb-typescript
- Enhances Airbnb's ESLint config with TypeScript supporteslint-config-prettier
- Implement prettier ruleseslint-plugin-import
- Implement import ruleseslint-plugin-jsx-a11y
- Static AST checker for accessibility rules on JSX elementseslint-plugin-prettier
- Dependency for prettier usage with ESLinteslint-plugin-react
- React specific linting rules forESLint
eslint-plugin-react-hooks
- This ESLint plugin enforces the Rules of Hooksprettier
- code formatter
This project is licensed under the MIT License.