5 Kung Fu Moves for Front-End Hero
summary
Five concrete steps: add a pre-commit hook that runs lint/tests (example runs npm run jss) and a pre-push hook to stop bad pushes; run static complexity analysis with complexity-report and enforce cyclomatic thresholds per function to force refactors; instrument tests with Istanbul + Karma and publish coverage (example shows modules at 77% and 92% and discovers untested functions); run smoke tests on evergreen browsers via AppVeyor using Chocolatey to install Chrome/Firefox; automatically run downstream-project tests by swapping in the new build and running their test suite.
AI-written summary · about
chapters (7)
- 0:00Introduction and setup
- 5:40Using git hooks
- 10:33Managing code complexity
- 13:04Tracking code coverage
- 19:26Testing with evergreen browsers
- 23:23Downstream project testing
- 27:31Conclusion and workflow tips
related talks
31mHow to do Good Without Doing Anything
29mManaging a Large Front-End Project with Automated Build Tools
01h 07mModern Frontend Engineering
28mSome small steps for code, One giant leap for quality
01h 01mUseful Tools and Utils for JS Development
21mTesting Javascript: Building JavaScript applications you won't hate
35mFive Lines of Codes
29mShifting-left and Right to Test a web app with CI