npm init -y
https://webpack.js.org/concepts/ https://webpack.js.org/plugins/
https://webpack.js.org/guides/typescript/ https://webpack.js.org/configuration/configuration-languages/
https://webpack.js.org/configuration/dev-server/
https://webpack.js.org/guides/environment-variables/
https://webpack.js.org/loaders/sass-loader/#root https://webpack.js.org/plugins/mini-css-extract-plugin/#root
https://webpack.js.org/loaders/postcss-loader/#css-modules
https://react-svgr.com/docs/webpack/ https://stackoverflow.com/questions/44717164/unable-to-import-svg-files-in-typescript
https://v4.webpack.js.org/loaders/file-loader/
https://www.i18next.com/overview/getting-started
https://webpack.js.org/guides/hot-module-replacement/
https://eslint.org/docs/latest/use/getting-started
https://ru.reactjs.org/docs/hooks-rules.html
https://jestjs.io/docs/getting-started#generate-a-basic-configuration-file
https://www.npmjs.com/package/webpack-bundle-analyzer
https://testing-library.com/docs/react-testing-library/intro/ https://testing-library.com/docs/ecosystem-jest-dom/ https://github.com/testing-library/jest-dom https://jestjs.io/docs/tutorial-react https://jestjs.io/docs/webpack https://stackoverflow.com/questions/42535270/regeneratorruntime-is-not-defined-when-running-jest-test
https://storybook.js.org/docs/react/builders/webpack
https://storybook.js.org/docs/react/builders/webpack https://storybook.js.org/addons/storybook-css-modules - css https://storybook.js.org/docs/react/writing-stories/decorators - decorators
https://loki.js.org/getting-started.html FrontEnd (reg-cli) oblador/loki#76
https://docs.github.com/ru/actions/quickstart https://dev.to/dyarleniber/setting-up-a-ci-cd-workflow-on-github-actions-for-a-react-app-with-github-pages-and-codecov-4hnp
https://reactrouter.com/en/main/router-components/memory-router
https://redux-toolkit.js.org/introduction/getting-started https://github.com/reduxjs/reselect (Reselect) https://redux-toolkit.js.org/api/createAsyncThunk (Async Thunk) https://redux.js.org/usage/code-splitting (Code Splitting, Using a 'Reducer Manager' )
https://github.com/typicode/json-server https://github.com/typicode/json-server#custom-routes-example
https://typicode.github.io/husky/#/
yarn add -D webpack@5.69.1 webpack-cli@4.9.2 html-webpack-plugin@5.5.0 typescript@4.5.5 ts-loader@9.2.6
yarn add -D ts-node@10.5.0 @types/node@17.0.21 @types/webpack@5.28.0
yarn add -D webpack-dev-server@4.7.4 @types/webpack-dev-server@4.7.2
yarn add react@17.0.2 react-dom@17.0.2
yarn add -D @types/react@17.0.39 @types/react-dom@17.0.11
yarn add -D sass-loader@12.6.0 sass@1.49.9 css-loader@6.6.0 style-loader@3.3.1 mini-css-extract-plugin@2.5.3
yarn add react-router-dom@6.2.1
yarn add -D @types/react-router-dom@5.3.3
yarn add -D @svgr/webpack@6.2.1
yarn add -D file-loader@6.2.0
yarn add i18next@21.6.11 react-i18next@11.15.5 i18next-browser-languagedetector@6.1.3 i18next-http-backend@1.3.2
yarn add -D babel-loader@8.2.3 @babel/core@7.17.5
yarn add -D @babel/preset-env@7.16.11
yarn add -D babel-plugin-i18next-extract@0.8.3
npm init @eslint/config
sudo npm install -g eslint
## Linter css
yarn add -D stylelint@14.5.3 stylelint-config-standard@3.0.0
## Jest
npm install -g jest
yarn add -D jest@27.5.1
yarn add -D @types/jest@29.4.0
jest --init
## BundelAnalizator
yarn add -D webpack-bundle-analyzer @types/webpack-bundle-analyzer
## Testing Library
yarn add -D @testing-library/react@12.1.3
yarn add -D @testing-library/jest-dom@5.16.2
yarn add -D @babel/preset-react@7.16.7
yarn add -D identity-obj-proxy@3.0.0
yarn add -D regenerator-runtime@0.13.9
## Webpack Story Book
npx sb init --builder webpack5
## Loki (ScreenTesting)
yarn add -D loki
yarn add -D reg-cli@0.17.6
## Eslint use Hook
yarn add -D eslint-plugin-react-hooks
## Redux Toolkit
yarn add @reduxjs/toolkit react-redux
##JsonServer
npm install -g json-server
yarn add -D json-server
## Husky
npx husky-init
## Axios
yarn add axios
{
"compilerOptions": {
//Куда производится сборка (не нужна)
"outDir": "./dist/",
//Стройгая типотизация (не пропускает)
"noImplicitAny": true,
//ESNext || es6
"module": "ESNext",
//В какой синтаксис будет компилироваться (es6)
"target": "es5",
"jsx": "react",
//ts,js
"allowJs": true,
//99% node
"moduleResolution": "node",
//esModuleInterop - для import -> require()
"esModuleInterop": true,
//Поддержка export default
"allowSyntheticDefaultImports": true
},
"ts-node": {
"compilerOptions": {
"module": "CommonJS"
}
}
}