eslint

In this supper club episode of Syntax, Wes and Scott talk with Nicholas Zakas about his creation of ESLint, what’s coming up in ESLint, and his work as a coach and mentor for programmers.

Show Notes

• 00:34 Welcome
• 01:20 Guest introduction
• Human Who Codes
• Nicholas C. Zakas (@nzakas@fosstodon.org)
• Twitter @slicknet
• nzakas on GitHub
• @humanwhocodes) on Instagram
• Human Who Codes on YouTube
• 04:24 Why did you want to build ESLint?
• 09:08 How does ESLint work?
• 13:25 How do you work on a project for a decade?
• 17:12 At what point do you pay attention to JavaScript proposed changes?
• 20:37 Config systems in JavaScript
• 31:18 ESLint in Rust?
• 41:07 Are we going to see ESLint for more languages?
• 47:06 What kind of coaching do you do for programmers?
• 02:46 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

• Apollo Neuro

Shameless Plugs

• Understanding JavaScript Promises

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

In this Hasty Treat, Scott and Wes continue their discussion about code quality tooling - how to get your code extra nice and clean, and the tools that will help you along the way.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session replayer and a performance monitor. Get 14 days free at https://logrocket.com/syntax.

Show Notes

2:28

• Typescript and Types

5:42

• Jest and Testing

7:48

• Exceptions & Error Tracking

Links

• Sentry
• Log Rocket
• Rollbar
• Jest

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

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

In this Hasty Treat, Scott and Wes talk about tidying up your code - why it’s important and how it can make your (dev) life better.

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:24 - Removal

• Unneeded comments
• Unused CSS
• Unused Functions

8:06 - Organizing

• A system that works for you
• Know when to break things out into a new file, components, functions otherwise
• Index file works sometimes - other times it’s too much work

11:45 - Tiding Up

• Refactoring bad/old code
• Non-ironically, does this code spark joy?
• Unused Functions
• Add in comments
• Folding - use a code formatter
• CSS

Links

• Tidying Up with Marie Kondo
• Better Comments VS Code
• Prettier
• ESLint
• Nicole Sullivan - Object Oriented CSS

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