- Webpack & Typescript image import -> https://stackoverflow.com/questions/43638454/webpack-typescript-image-import?rq=1
- Setup a React App using Webpack, Babel and TypeScript -> https://dev.to/deadwing7x/setup-a-react-app-using-webpack-babel-and-typescript-5927
- Adding Images, Fonts, and Files -> https://create-react-app.dev/docs/adding-images-fonts-and-files/
- What is a tsconfig.json -> https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
- Use Absolute Paths with React -> https://betterprogramming.pub/use-absolute-paths-with-react-51ced66f119f
- Need to setup both at
tsconfig.json
andwebpack.common.js
- Need to setup both at
- Using ESLint and Prettier in a TypeScript Project -> https://robertcooper.me/post/using-eslint-and-prettier-in-a-typescript-project
- Using lint-staged, husky, and pre-commit hooks to fail fast and early -> https://codeburst.io/continuous-integration-lint-staged-husky-pre-commit-hook-test-setup-47f8172924fc
- Husky v6 pitfalls -> https://coding.maier.tech/posts/husky-v6-pitfalls/
- You can add additional hooks manually e.g. create an empty pre-push hook with this command
npx husky add .husky/pre-push
and add the pre-push commands to.husky/pre-push
file
- You can add additional hooks manually e.g. create an empty pre-push hook with this command
- Principles of writing consistent, idiomatic css -> https://github.com/necolas/idiomatic-css#declaration-order
- setup vscode setting to autofix at
settings.json
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
"source.fixAll.stylelint": true
}
- setup vertical rules in vscode setting at
settings.json
"rulers": [120]
- @use JSDoc -> https://jsdoc.app/index.html
- Visual Studio is now able to generate JSDoc comments
- just type
/**
above the function
- Prettier plugin sort imports -> https://www.npmjs.com/package/@trivago/prettier-plugin-sort-imports