React boilerplate using TypeScript, Babel, Sass with a hot dev server and a production build.
git clone https://github.com/Seogeurim/react-typescript-boilerplate.git
cd react-typescript-boilerplate
yarn installWebpack dev server runs at localhost:8000.
yarn startBuild outputs are created in dist.
yarn run buildwebpack- 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- Preset for React@babel/preset-typescript- Preset for TypeScript
babel-loader- Transpile files with Babel and webpacksass-loader- Load SCSS and compile to CSSsass- A pure JavaScript implementation of Sass
css-loader- Resolve CSS importsstyle-loader- Inject CSS into the DOM
html-webpack-plugin- Generate HTML files from templatemini-css-extract-plugin- Extracts CSS file per JS file which contains CSS
eslint- Enforce styleguide across applicationeslint-config-airbnb- Styleguide of Airbnb, including ECMAScript 6+ and Reacteslint-config-airbnb-typescript- Enhances Airbnb's ESLint config with TypeScript supporteslint-config-prettier- Implment prettier ruleseslint-plugin-import- Implment 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 for ESLinteslint-plugin-react-hooks- enforces the Rules of Hooksprettier- code formatter
This project is licensed under the MIT License.