Lint Like a Senior Developer w/ eslint + husky + lint staged + github actions
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
Brought to you by Sentry.io
#typescript #devops #github #webdevelopment #webdeveloper #javascript #syntax #syntaxfm #webdev