Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Improving your code with Linter tools
Search
Bruno Genaro
March 20, 2015
Technology
0
64
Improving your code with Linter tools
Bruno Genaro
March 20, 2015
Tweet
Share
More Decks by Bruno Genaro
See All by Bruno Genaro
Renderizando Componentes React no Servidor
brunogenaro
1
310
The future of React with Universal web applications
brunogenaro
0
100
The future of React with Universal web applications
brunogenaro
0
120
Understand Front-End Roles
brunogenaro
1
150
Why did I build my website using ReactJS?
brunogenaro
0
46
Essential JavaScript libraries to improve your workflow
brunogenaro
0
62
Consuming Third Party Data With JSONP
brunogenaro
0
100
Improving your Sublime Text 3 workflow
brunogenaro
0
180
Other Decks in Technology
See All in Technology
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
420
品質と速度の両立:生成AI時代の品質保証アプローチ
odasho
1
190
AIの全社活用を推進するための安全なレールを敷いた話
shoheimitani
2
320
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
AI導入の理想と現実~コストと浸透〜
oprstchn
0
190
AWS認定を取る中で感じたこと
siromi
1
160
How Community Opened Global Doors
hiroramos4
PRO
1
140
Beyond Kaniko: Navigating Unprivileged Container Image Creation
f30
0
130
Geminiとv0による高速プロトタイピング
shinya337
0
230
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
250
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
visional_engineering_and_design
3
6.2k
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
280
Featured
See All Featured
Building an army of robots
kneath
306
45k
Six Lessons from altMBA
skipperchong
28
3.9k
Gamification - CAS2011
davidbonilla
81
5.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Adopting Sorbet at Scale
ufuk
77
9.4k
GitHub's CSS Performance
jonrohan
1031
460k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
500
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Transcript
Improving your code with Linter tools Bruno Genaro
What is a Linter tool? • Analyses your code
• Checks poten?al errors • Bad habits • Best prac?ces • Consistency mistakes
Why should we use? • Be familiar with best prac?ces
• Create our own best prac?ces and paBerns • Consistent code across mul?ple applica?ons • Maintainable code / Easy debug
Let’s talk about JavaScript • JSLint (Douglas Crockford -‐ JavaScript:
The Good Parts) • JSHint (The famous one) • JSCS • ESLint (The preBy younger guy, good to write ES6)
JSHint • Helps you to write more reliable and consistent
JavaScript code. • Checks your code for a number of common errors • Never forget a semicolon anymore!!! • Customizable configura?on using .jshintrc file • hBp://jshint.com/docs/op?ons/
Good .jshintrc examples: • Airbnb: hBps://github.com/airbnb/javascript/blob/ master/linters/jshintrc • HTML5
Boilerplate: hBps://github.com/h5bp/ html5boilerplate.com/blob/master/.jshintrc • Yeoman Ember.js Generator: hBps://github.com/ yeoman/generator-‐ember/blob/master/.jshintrc • Bootstrap: hBps://github.com/twbs/bootstrap/blob/ master/js/.jshintrc
Let’s code like a boss!