#React

59 บทความ

วิธีทำระบบแจ้งเตือน (Flash Notifications) ใน Laravel 11 และ Inertia.js

วิธีทำระบบแจ้งเตือน (Flash Notifications) ใน Laravel 11 และ Inertia.js

สอนวิธีทำระบบแจ้งเตือนผู้ใช้ใน Laravel 11 ร่วมกับ Inertia.js และ React ให้แสดงผลลื่นไหลแบบ Single Page Application พร้อมโค้ดตัวอย่างที่นำไปใช้ได้จริง

ที่มา: DEV Community: laravel

1 week ago 10 นาที
12 views
วิธีสร้างระบบเชิญสมาชิกเข้าทีมด้วย Signed URLs ใน Laravel 11 และ React

วิธีสร้างระบบเชิญสมาชิกเข้าทีมด้วย Signed URLs ใน Laravel 11 และ React

เรียนรู้วิธีทำระบบเชิญสมาชิกเข้าทีมในแอป SaaS ให้ปลอดภัยด้วย Signed URLs ใน Laravel 11 พร้อมวิธีจัดการฐานข้อมูลและสร้างประสบการณ์ใช้งานที่ดีให้ผู้ใช้

ที่มา: DEV Community: laravel

1 week ago 11 นาที
11 views
สร้างแอป React ให้ใช้งานแบบ Offline-First: คู่มือฉบับนักพัฒนา Frontend

สร้างแอป React ให้ใช้งานแบบ Offline-First: คู่มือฉบับนักพัฒนา Frontend

เบื่อไหมที่แอปหมุนติ้วตอนเน็ตหลุด? มาเรียนรู้วิธีสร้างแอป React ให้ใช้งานได้แม้ไม่มีอินเทอร์เน็ตด้วย Service Worker และ IndexedDB เพื่อประสบการณ์ผู้ใช้ที่ดีที่สุด

ที่มา: DEV Community

1 month ago 8 นาที
15 views
วิธีปรับจูน React ให้ทำงานเร็วขึ้นแบบมือโปร ไม่ต้องเดา

วิธีปรับจูน React ให้ทำงานเร็วขึ้นแบบมือโปร ไม่ต้องเดา

เว็บ React เริ่มหน่วงใช่ไหม? มาดูวิธีวัดผลและปรับจูนประสิทธิภาพ (Performance) ให้ลื่นไหลขึ้นด้วยเทคนิคที่ทำตามได้จริง ไม่ต้องเดา ไม่ต้องปรับแต่งเกินความจำเป็น

ที่มา: DEV Community

1 month ago 8 นาที
13 views
วิธีเช็ก Type ด้วย tsc --noEmit และตั้งค่า Environment Variables ใน React TypeScript ก่อน Deploy
React TypeScript

วิธีเช็ก Type ด้วย tsc --noEmit และตั้งค่า Environment Variables ใน React TypeScript ก่อน Deploy

ไม่อยากให้แอปพังตอน Deploy ต้องอ่าน! สอนวิธีใช้ tsc --noEmit ตรวจสอบข้อผิดพลาดในโปรเจกต์ React TypeScript พร้อมวิธีตั้งค่า Environment Variables ให้ปลอดภัย

1 month ago 8 นาที
22 views
React TypeScript Workshop: จัดการ State, Form และ API ให้ปลอดภัยแบบมือโปร
React TypeScript

React TypeScript Workshop: จัดการ State, Form และ API ให้ปลอดภัยแบบมือโปร

เรียนรู้วิธีเขียน React ด้วย TypeScript ให้โค้ดสะอาดและลดบั๊ก ตั้งแต่การจัดการ Form ด้วย React Hook Form ไปจนถึงการดึงข้อมูล API และทำ Global State แบบ Type Safe

1 month ago 8 นาที
23 views
React TypeScript Workshop: เริ่มต้นเขียนโค้ดแบบมือโปรด้วย Type-First Architecture
React TypeScript

React TypeScript Workshop: เริ่มต้นเขียนโค้ดแบบมือโปรด้วย Type-First Architecture

อยากเขียน React ให้เก่งและบั๊กน้อยลงไหม? มาเรียนรู้วิธีวางโครงสร้างข้อมูล (Type-First) และสร้าง UI Component ที่นำกลับมาใช้ใหม่ได้จริง

1 month ago 7 นาที
22 views
สอนใช้ TanStack Query ร่วมกับ TypeScript ให้จัดการ Server State ได้แม่นยำและปลอดภัย
React TypeScript

สอนใช้ TanStack Query ร่วมกับ TypeScript ให้จัดการ Server State ได้แม่นยำและปลอดภัย

เรียนรู้วิธีใช้ TanStack Query v5 กับ TypeScript เพื่อจัดการข้อมูลจากเซิร์ฟเวอร์ (Server State) ให้เขียนโค้ดได้มั่นใจ ลดบั๊ก และจัดการ Error ได้แบบมืออาชีพ

1 month ago 6 นาที
22 views
เทคนิคการทำ Styling ใน React ด้วย TypeScript: Tailwind, CSS Modules และ Styled Components
React TypeScript

เทคนิคการทำ Styling ใน React ด้วย TypeScript: Tailwind, CSS Modules และ Styled Components

อยากเขียน React ให้โค้ดสะอาดและจัดการสไตล์ได้แม่นยำไหม? มาเรียนรู้วิธีใช้ TypeScript คุมการแต่งหน้าเว็บด้วย Tailwind CSS, CSS Modules และ Styled Components กัน

1 month ago 6 นาที
22 views
จัดการ Global State ใน React ด้วย Zustand และ TypeScript ให้โค้ดสะอาดและลดบั๊ก
React TypeScript

จัดการ Global State ใน React ด้วย Zustand และ TypeScript ให้โค้ดสะอาดและลดบั๊ก

เบื่อไหมกับปัญหา Prop Drilling? มาดูวิธีใช้ Zustand ร่วมกับ TypeScript จัดการข้อมูลส่วนกลางใน React ให้เป็นระเบียบ เขียนโค้ดง่ายขึ้น และลดบั๊กได้ตั้งแต่ตอนเขียน

1 month ago 7 นาที
24 views
สอนทำ React TypeScript Typed Routing ด้วย React Router v7 ให้โค้ดปลอดภัยไร้บั๊ก
React TypeScript

สอนทำ React TypeScript Typed Routing ด้วย React Router v7 ให้โค้ดปลอดภัยไร้บั๊ก

เบื่อไหมที่พิมพ์ชื่อหน้าเว็บผิดจนโปรแกรมพัง? มาเรียนรู้วิธีทำ Typed Routing ใน React Router v7 ด้วย TypeScript ช่วยเช็คความผิดพลาดตั้งแต่ตอนเขียนโค้ด

1 month ago 8 นาที
13 views