/webpack-guide

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

Primary LanguageJavaScriptMIT LicenseMIT

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
  1. Устанавливаем Webpack
yarn add -D webpack webpack-cli webpack-dev-server html-webpack-plugin
  1. Добавляем Babel
yarn add -D @babel/core @babel/preset-env @babel/preset-react babel-loader @babel/plugin-proposal-class-properties

Video 2

  1. Плагины для продакшна
yarn add -D uglifyjs-webpack-plugin compression-webpack-plugin  clean-webpack-plugin
  1. Стили
yarn add -D style-loader css-loader sass-loader node-sass

Video 3

  1. Роутер и ридакс
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