หมวดหมู่: Livewire
-
บทที่ 1: แนะนำ Livewire
Livewire เป็นเฟรมเวิร์กที่ทำงานร่วมกับ Laravel สำหรับการพัฒนา Frontend ที่ไม่ต้องใช้ JavaScript มากน…
-
บทที่ 2: การติดตั้งและตั้งค่า Livewire
เรียนรู้วิธีการติดตั้งและตั้งค่า Livewire ในโปรเจค Laravel เพื่อให้พร้อมใช้งาน Livewire Component ต่…
-
บทที่ 3: สร้าง Component แรก
Livewire Component เป็นส่วนสำคัญที่ใช้สร้างส่วนต่าง ๆ ใน UI ของแอปพลิเคชัน สามารถสร้างฟังก์ชันที่สาม…
-
บทที่ 4: การสื่อสารระหว่าง Component และ View
การสื่อสารระหว่าง Component และ View สามารถทำได้ง่าย ๆ โดยใช้ Properties (ตัวแปร) ซึ่งช่วยให้ View ส…
-
บทที่ 5: Lifecycle Hook เบื้องต้น
Lifecycle Hook ซึ่งเป็นฟังก์ชันพิเศษที่ช่วยให้คุณสามารถเรียกใช้โค้ดในช่วงเวลาต่าง ๆ ของการทำงานใน Co…
-
บทที่ 6: การจัดการ Form
การจัดการฟอร์มเป็นหนึ่งในฟังก์ชันที่สำคัญ เพราะช่วยให้ผู้พัฒนาสามารถสร้างฟอร์มที่โต้ตอบกับผู้ใช้ได้แ…
-
บทที่ 7: การแสดงผลข้อมูลจาก Database
Livewire ช่วยให้การดึงข้อมูลจากฐานข้อมูล (Database) มาแสดงในหน้าเว็บทำได้ง่ายขึ้น โดยการผสานการทำงาน…
-
บทที่ 9: การยืนยันข้อมูล (Validation)
การยืนยันข้อมูล (Validation) ใน Livewire ช่วยให้ผู้พัฒนาตรวจสอบความถูกต้องของข้อมูลที่ผู้ใช้กรอกได้แ…
-
บทที่ 11: การใช้ Dynamic Data – ทำงานกับข้อมูลที่เปลี่ยนแปลงได้
Dynamic Data คือข้อมูลที่สามารถเปลี่ยนแปลงได้ตามการโต้ตอบของผู้ใช้หรือการทำงานของระบบ เช่น การกรอกฟอ…
-
บทที่ 12: การจัดการ State ของ Component – เทคนิคการจัดการ State
State ใน Livewire หมายถึงสถานะของข้อมูลที่เก็บอยู่ใน Component และมีผลต่อการแสดงผลใน UI การจัดการ St…