In this video CJ shows how to set up linting for our codebases from end to end. Including in our editor, before commits and with github actions before we merge a pull request.
00:00 intro
00:37 vite project setup
01:26 antfu/eslint-config
03:06 eslint stylistic
03:49 vs code editor settings
04:56 customize eslint settings
05:32 lint:fix task
06:52 commit hooks with husky
08:45 lint-staged setup
11:16 github actions lint setup
14:17 run github actions locally with act
16:37 bypassing commit hooks with --no-verify
18:00 squashing commits
18:59 push vs code settings to github
19:52 thanks
antfu eslint-config | https://github.com/antfu/eslint-config
CJ's antfu eslint-config settings | https://gist.github.com/w3cj/21b1f1b4857ecd13d076075a5c5aaf13/
ESLint Stylistic | https://eslint.style/
Husky | https://typicode.github.io/husky/
lint-staged | https://www.npmjs.com/package/lint-staged
Building and testing Node.js | https://docs.github.com/en/actions/use-cases-and-examples/building-and-testing/building-and-testing-nodejs
Triggering a workflow | https://docs.github.com/en/actions/writing-workflows/choosing-when-your-workflow-runs/triggering-a-workflow
act | https://nektosact.com/
🔥 Be the ~14,700th person to join our super tasty newsletter bit.ly/syntax_snackpack
All links available at https://syntax.fm/870
------------------------------------------------------------------------------
Hit us up on Socials!
Syntax: https://x.com/syntaxfm
Scott: https://x.com/stolinski
Wes: https://x.com/wesbos
CJ: https://x.com/CodingGarden
Randy: https://www.youtube.com/@randyrektor
http://www.syntax.fm
Brought to you by Sentry.io
#typescript #devops #github #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev