JavaScript dikenal sebagai bahasa yang bebas. Tiada aturan pengikat saat menuliskannya. Alhasil, developer kerap tak konsisten dalam menerapkan gaya penulisan kode. Tentunya menyulitkan kolaborasi, bukan? Di sini kamu akan mempelajari mengenai tips yang sangat kamu perlukan. Agar kamu, khususnya web developer, dapat menuliskan kode di JavaScript dengan konsisten. Kolaborasi pun jadi lebih baik. Metode menulisnya menggunakan ESLint, familiar? Simak dan dapatkan insight mengenai: - Hal apa yang perlu kita perhatikan saat menulis kode Javascript - Tools apa yang perlu kita gunakan

1. Dimas Maulana Dwi Saputra
Academy Content Writer Dicoding
Tips Menulis Kode yang Konsisten
di JavaScript: Metode ESLint!
REPLACE ME

2. REPLACE ME
JavaScript

3. MILESTONE

4. Create
The RULES

5. Follow
The Existing RULES

9. Style Guide: AirBnB

10. Style Guide: AirBnB

11. Style Guide: Standard.js

12. Use a TOOLS

13. REPLACE ME
ESLINT
● Popular tool for finding and fixing
JavaScript issues.
● Can also use with JSX.
● Doesn’t enforce any rules by default.

14. REPLACE ME
ESLINT INTEGRATION

15. How to Use ?

17. Hard Way
(Manual Config)

18. 1. Install ESLint Package
npm install eslint --save-dev
yarn add eslint --dev

19. 2. Create Configuration Files
Opsi berkas konfigurasi yang dapat
digunakan:
● .eslintrc.js
● .eslintrc.yaml
● .eslintrc.json

20. 3. Set the Environment
https://eslint.org/docs/user-guide/configuring#specifying-environments

21. 4. Set the Rules

22. 4. Set the Rules

23. ESLint writing rules
Rule id:
● 0 atau “off”
● 1 atau “warn”
● 2 atau “error”

26. 5. Set NPM Runner
“lint” : “eslint ./src”

27. 6. Run the Linter!

28. Easy Way
(Auto Config)

29. 1. Install ESLint Package as Global
npm install eslint -g
yarn global add eslint

30. 2. Initialization Configuration
eslint --init

32. 3. Set NPM Runner
“lint” : “eslint ./src”

33. 4. Run the Linter!

34. REPLACE ME
Quick Fix
Feature

35. 1. Set more NPM runner
“fix” : “eslint ./src --fix”

36. 2. Run fix script!

37. Editor/IDE
Integration

42. Doing More Magic
With Prettier

43. REPLACE ME
Contact:
dimas@dicoding.com
www.dicoding.com
THANKS!
Follow us: @dicoding