Useful Tools and Utils for JS Development
summary
A practical walkthrough of a JS project lifecycle from first commit to deployment using concrete tools: project scaffolding with create-react-app or Yeoman via npx; consistent formatting with editorconfig and Prettier; linting with ESLint/stylelint plus lint-staged and Husky to block bad commits; commit message enforcement with commitlint/commitizen. It also covers live-editing in Chrome DevTools, running unit tests locally and on Travis CI with coverage, generating docs with Storybook and JSDoc, and automating dependency updates and releases with Greenkeeper and automated publishing.
AI-written summary · about
chapters (24)
- 0:00Welcome
- 1:18Maximizing conference value
- 2:00JS tool evolution
- 3:29Start JS project
- 6:01Code generators
- 8:10CRA project demo
- 12:10IDE setup
- 15:27Code formatting
- 17:18Prettier auto-formatting
- 22:04Husky & Git hooks
- 25:17ESLint for quality
- 27:59Custom ESLint config
- 31:16Linting code and styles
- 32:17Commitlint
- 37:20Commitizen
- 39:33Chrome DevTools power
- 44:11Travis CI
- 47:23Travis CI integrations
- 48:49Greenkeeper
- 50:13Changelog generation
- 52:05JSDoc & Docz
- 55:24Storybook
- 58:36Automated releases
- 1:00:20Q&A
related talks
50mThe JavaScripter’s Toolbox
46mThe “Perfect” JS Library Tooling
29mManaging a Large Front-End Project with Automated Build Tools
24mUse React tools for better Angular apps
51mModern CSS Development: Tooling & Workflows
33mTooling For The Modern WebApp Developer
30mTowards a simpler JavaScript ecosystem
31mHow to do Good Without Doing Anything