/react-scratch

Primary LanguageJavaScript

react-scratch

# Initialize the project
npm init -y
touch .gitignore

# React
mkdir public src
touch public/index.html
npm install --save react react-dom

# Babel
npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/preset-react
touch .babelrc

# Webpack
npm install --save-dev webpack webpack-cli webpack-dev-server style-loader css-loader babel-loader
touch webpack.config.js

# TypeScript
npm install --save-dev typescript ts-loader
npm install --save-dev @types/react @types/react-dom
npx tsc --init

# Linter and formatter
npm install --save-dev eslint prettier eslint-config-prettier eslint-plugin-prettier eslint-loader
npx eslint --init
touch .prettierrc

# Create the project files
touch src/index.tsx
touch src/App.tsx
touch src/App.css

# Build and run the project
npx tsc
npx webpack
webpack-dev-server --mode development