webpack-guide

Практический гайд по вебпаку: От SPA до SSR

Ссылка на плейлист

Video 1

1. Настраиваем Eslint

yarn add -D eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks babel-eslint

2. Устанавливаем Webpack

yarn add -D webpack webpack-cli webpack-dev-server html-webpack-plugin

3. Добавляем Babel

yarn add -D @babel/core @babel/preset-env @babel/preset-react babel-loader @babel/plugin-proposal-class-properties

Video 2

4. Плагины для продакшна

yarn add -D uglifyjs-webpack-plugin compression-webpack-plugin  clean-webpack-plugin

5. Стили

yarn add -D style-loader css-loader sass-loader node-sass

Video 3

6. Роутер и ридакс

yarn add redux react-redux redux-thunk react-router-dom react-router-config

Video 4

api: https://jsonplaceholder.typicode.com/todos

yarn add axios @babel/polyfill

Video 5

yarn add express
yarn add -D null-loader mini-css-extract-plugin