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
270
The future of React with Universal web applications
brunogenaro
0
91
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
47
Consuming Third Party Data With JSONP
brunogenaro
0
84
Improving your Sublime Text 3 workflow
brunogenaro
0
170
Other Decks in Technology
See All in Technology
Technical Writing Meetup vol.35
soracom
PRO
2
120
Classmethod AI Talks(CATs) #1 司会進行スライド(2024.09.19) / classmethod-ai-talks-aka-cats_moderator-slides_vol1_2024-09-19
shinyaa31
0
120
不動産 x AIことはじめ~データの真価を拓くために
estie
0
120
watsonx.ai Dojo 環境準備について
oniak3ibm
PRO
0
340
持続可能なソフトウェア開発を支える『GitHub CI/CD実践ガイド』
tmknom
8
1.4k
LINEヤフーのフロントエンド組織・体制の紹介
lycorp_recruit_jp
1
1.2k
「認証認可」という体験をデザインする ~Nekko Cloud認証認可基盤計画
logica0419
2
450
2024年のナビゲーション・フォーカス対応:Composeでキーボード・ナビゲーションをサポートしよう
tahia910
0
110
効果的なオンコール対応と障害対応
ryuichi1208
6
3.1k
あなたの知らないiOS開発の世界
recruitengineers
PRO
3
180
突撃! 隣のAmazon Bedrockユーザー 〜YouはどうしてAWSで?〜
minorun365
PRO
3
390
Functional TypeScript
naoya
11
4.8k
Featured
See All Featured
Infographics Made Easy
chrislema
239
18k
Web development in the modern age
philhawksworth
205
10k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Statistics for Hackers
jakevdp
794
220k
The Mythical Team-Month
searls
218
43k
GitHub's CSS Performance
jonrohan
1030
450k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
GraphQLの誤解/rethinking-graphql
sonatard
65
9.8k
Large-scale JavaScript Application Architecture
addyosmani
508
110k
Building an army of robots
kneath
302
42k
Making Projects Easy
brettharned
113
5.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!