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
58
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
300
The future of React with Universal web applications
brunogenaro
0
95
The future of React with Universal web applications
brunogenaro
0
110
Understand Front-End Roles
brunogenaro
1
150
Why did I build my website using ReactJS?
brunogenaro
0
38
Essential JavaScript libraries to improve your workflow
brunogenaro
0
54
Consuming Third Party Data With JSONP
brunogenaro
0
94
Improving your Sublime Text 3 workflow
brunogenaro
0
170
Other Decks in Technology
See All in Technology
ハッキングの世界に迫る~攻撃者の思考で考えるセキュリティ~
nomizone
12
4.5k
10分で紹介するAmazon Bedrock利用時のセキュリティ対策 / 10-minutes introduction to security measures when using Amazon Bedrock
hideakiaoyagi
0
170
Postmanを使いこなす!2025年ぜひとも押さえておきたいPostmanの10の機能
nagix
2
120
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
2
390
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
1.5k
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
5.8k
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
130
Nekko Cloud、 これまでとこれから ~学生サークルが作る、 小さなクラウド
logica0419
2
730
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
100
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
880
Fintech SREの挑戦 PCI DSS対応をスマートにこなすインフラ戦略/Fintech SRE’s Challenge: Smart Infrastructure Strategies for PCI DSS Compliance
maaaato
0
450
Featured
See All Featured
Building an army of robots
kneath
302
45k
Designing Experiences People Love
moore
139
23k
Producing Creativity
orderedlist
PRO
343
39k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Building Adaptive Systems
keathley
40
2.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Making Projects Easy
brettharned
116
6k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
GraphQLとの向き合い方2022年版
quramy
44
13k
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!