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
86
Improving your Sublime Text 3 workflow
brunogenaro
0
170
Other Decks in Technology
See All in Technology
ドメイン名の終活について - JPAAWG 7th -
mikit
16
8.5k
コンテナのトラブルシューティング目線から AWS SAW についてしゃべってみる
kazzpapa3
1
120
私はこうやってマインドマップでテストすることを出す!
mineo_matsuya
0
150
Redmine 6.0 新機能評価ガイド
vividtone
0
160
10分でわかるfreeeのQA
freee
1
3.4k
Team Dynamicsを目指すウイングアーク1stのQAチーム
sadonosake
1
160
Amazon CloudWatch Network Monitor 導入ガイド_デモ説明付き
yukimmmm
0
150
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
スクラムチームを立ち上げる〜チーム開発で得られたもの・得られなかったもの〜
ohnoeight
1
160
TinyGoを使ったVSCode拡張機能実装
askua
2
200
Autify Company Deck
autifyhq
1
39k
運用イベント対応への生成AIの活用 with Failure Analysis Assistant
suzukyz
0
190
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Measuring & Analyzing Core Web Vitals
bluesmoon
2
69
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Building Applications with DynamoDB
mza
90
6.1k
What's in a price? How to price your products and services
michaelherold
243
12k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
How STYLIGHT went responsive
nonsquared
95
5.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Why Our Code Smells
bkeepers
PRO
334
57k
KATA
mclloyd
29
14k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
Into the Great Unknown - MozCon
thekraken
32
1.5k
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!