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
53
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
220
The future of React with Universal web applications
brunogenaro
0
84
The future of React with Universal web applications
brunogenaro
0
94
Understand Front-End Roles
brunogenaro
1
130
Why did I build my website using ReactJS?
brunogenaro
0
35
Essential JavaScript libraries to improve your workflow
brunogenaro
0
47
Consuming Third Party Data With JSONP
brunogenaro
0
73
Improving your Sublime Text 3 workflow
brunogenaro
0
160
Other Decks in Technology
See All in Technology
web-application-security
matsuihidetoshi
0
170
ServiceNow Knowledge Learning Rise up
manarobot
0
210
現代CSSフレームワークの内部実装とその仕組み
poteboy
7
3.6k
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
5
390
MapLibreとAmazon Location Service
dayjournal
1
160
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
1.3k
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
530
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
240
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
320
私が trocco を推す理由
__allllllllez__
1
250
反実仮想機械学習とは何か
usaito
PRO
11
4.7k
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
140
Featured
See All Featured
A Philosophy of Restraint
colly
197
16k
Facilitating Awesome Meetings
lara
42
5.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
For a Future-Friendly Web
brad_frost
172
9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
Optimizing for Happiness
mojombo
370
69k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
43k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
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!