In this Hasty Treat, Scott and Wes talk about code quality tooling - how to get your code extra nice and clean, and the tools that will help you along the way.
Sentry - Sponsor
If you want to know what’s happening with your errors, track them with Sentry . Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.
Show Notes
3:11 - ESLint / JSHint / Linters in general
- Eslint took over as a flexible solution for code style and quality
- Use plugins and presets to set your rules for different types of project
- Don’t be afraid to tweak rules, they are not the word of god
10:55 - Prettier
- Strictly formatting
- Can work with or without ESLint
- Provides an enforceable standard for teams
- Configurable
- Prettier for CSS, PHP, GraphQL, etc.
18:46 - VS Code
- Red underlines like spellcheck for code
- Tooltip for lint errors
- Fix on save vs fix on command
Links
Tweet us your tasty treats!
In this Hasty Treat, Scott and Wes talk about code quality tooling - how to get your code extra nice and clean, and the tools that will help you along the way.
Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.
Show Notes 3:11 - ESLint / JSHint / Linters in general
Eslint took over as a flexible solution for code style and quality
Use plugins and presets to set your rules for different types of project
Don’t be afraid to tweak rules, they are not the word of god
10:55 - Prettier
Strictly formatting
Can work with or without ESLint
Provides an enforceable standard for teams
Configurable
Prettier for CSS, PHP, GraphQL, etc.
18:46 - VS Code
Red underlines like spellcheck for code
Tooltip for lint errors
Fix on save vs fix on command
Links ESLint
JSHint
Prettier
Wes’ dotfiles
Tweet us your tasty treats! Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.