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
56
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
280
The future of React with Universal web applications
brunogenaro
0
92
The future of React with Universal web applications
brunogenaro
0
100
Understand Front-End Roles
brunogenaro
1
140
Why did I build my website using ReactJS?
brunogenaro
0
36
Essential JavaScript libraries to improve your workflow
brunogenaro
0
50
Consuming Third Party Data With JSONP
brunogenaro
0
87
Improving your Sublime Text 3 workflow
brunogenaro
0
170
Other Decks in Technology
See All in Technology
ZOZOTOWNのホーム画面をパーソナライズすることの難しさと裏話を語る
f6wbl6
1
470
Deno+JSRでパッケージを作って公開する
askua
0
110
[JAWS-UG金沢支部×コンテナ支部合同企画]コンテナとは何か
furuton
3
340
QAEチームが辿った3年 ボクらが改善業務にスクラムを選んだワケ / 20241108_cloudsign_ques23
bengo4com
0
580
Engineering at LY Corporation
lycorp_recruit_jp
0
260
SREの組織類型に応じた リーダシップの考察
kenta_hi
PRO
0
620
利きプロセススケジューラ
sat
PRO
4
2.6k
エンジニアが一生困らない ドキュメント作成の基本
naohiro_nakata
2
130
ライブラリでしかお目にかかれない珍しい実装
mikanichinose
2
320
TinyGoを使ったVSCode拡張機能実装
askua
2
200
ドメイン名の終活について - JPAAWG 7th -
mikit
29
16k
Fargateを使った研修の話
takesection
0
170
Featured
See All Featured
Designing Experiences People Love
moore
138
23k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
What's in a price? How to price your products and services
michaelherold
243
12k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
Teambox: Starting and Learning
jrom
133
8.8k
What's new in Ruby 2.0
geeforr
343
31k
A designer walks into a library…
pauljervisheath
202
24k
Writing Fast Ruby
sferik
627
61k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
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!