Starter App set up

Initial Setup - sans babel transpilation

• mkdir starter
• cd starter
• code .
• npm i react react-dom
• npm i -D webpack webpack-cli webpack-dev-server html-webpack-plugin html-webpack-loader clean-webpack-plugin typescript ts-loader prettier @types/react @types/react-dom
• npm init -y
• tsc --init
• git init
• .gitignore
• touch .prettier webpack.config.js template.html src/index.tsc src/components/app.tsx
• add tasks to package.json

Development setup

use case specific resources

install packages and configure webpack

• add bootstrap
• add css
• add images
• add svg
• add file
• add sass
• components?

TEST setup

install test tools configure webpack add tasks to package.json

Deployment setup

add deployment related resources add deployment tasks to package.json

PRODUCTION Build setup

configure webpack for build optimizations

List of recommended vscode extensions

install Fira Code

List of teachers whose recommendations lessons i consumed to create this