เครื่องมือตรวจและจัดรูปแบบโค้ดในโปรเจกต์ Laravel ทีละตัว เริ่มจากภาพรวมว่าแต่ละตัวทำหน้าที่อะไร แล้วตั้งค่า PHPStan, Rector, Pint และ ESLint
- 1
Lint, formatter, static analysis และ automated refactoring คืออะไร และเครื่องมือแต่ละตัวในโปรเจกต์ Laravel ทำหน้าที่ไหน
เรามักเรียก Pint, Rector, PHPStan, ESLint และ Prettier รวม ๆ ว่า lint ทั้งที่แต่ละตัวทำงานคนละแบบ โพสต์นี้แยกให้เห็นว่าเครื่องมือแต่ละตัวเป็นแบบไหน ดูอะไรในโค้ด แก้โค้ดให้หรือแค่รายงาน และรันตอนไหน
· อ่าน 6 นาที
- 2
PHPStan และ Larastan หาบั๊กในโค้ด Laravel ได้โดยไม่ต้องรันโค้ด
PHPStan อ่านชนิดข้อมูลของโค้ดทั้งโปรเจกต์เพื่อหาบั๊กก่อนรันจริง ส่วน Larastan สอนให้รู้จัก Eloquent และ facade ของ Laravel โพสต์นี้อธิบายระดับ 0 ถึง 10 เหตุผลที่ระดับ 5 เป็นจุดเริ่มที่ดี และวิธีใช้ baseline กับโปรเจกต์ที่มีโค้ดอยู่แล้ว
· อ่าน 5 นาที
- 3
Rector ปรับโค้ดและอัปเกรดเวอร์ชัน PHP กับ Laravel ให้อัตโนมัติ
Rector อ่านโค้ด PHP แล้วเขียนใหม่ตามกฎที่เลือกไว้ ตั้งแต่อัปเกรดเวอร์ชัน PHP และ Laravel ไปจนถึงลบ dd() ที่หลงเหลือ โพสต์นี้อธิบาย rector.php ของโปรเจกต์ Laravel ชุดกฎที่ควรเปิด และกฎที่เราเลือกข้ามเพราะทำให้โค้ดอ่านแล้วเข้าใจผิด
· อ่าน 6 นาที
- 4
Laravel Pint จัดรูปแบบโค้ด PHP ให้ทั้งโปรเจกต์เขียนออกมาแบบเดียวกัน
Laravel Pint เป็น formatter ของ PHP ที่ติดมากับโปรเจกต์ Laravel ใหม่ทุกตัว ใช้ preset laravel ได้ทันทีโดยไม่ต้องตั้งค่า โพสต์นี้อธิบายคำสั่งที่ใช้บ่อย preset ที่เลือกได้ และกฎใน pint.json ที่เราเปิดเพิ่ม
· อ่าน 4 นาที
- 5
ตั้งค่า ESLint และ Prettier ให้โปรเจกต์ Laravel ที่ใช้ Inertia กับ React
ESLint หาโค้ด JavaScript ที่น่าจะผิด ส่วน Prettier จัดหน้าตาโค้ด โพสต์นี้อธิบาย flat config ของ ESLint กฎของ React Hooks การเรียง class ของ Tailwind ด้วย prettier-plugin-tailwindcss และการตั้งให้สองตัวทำงานด้วยกันโดยไม่ตีกัน
· อ่าน 4 นาที