#Frontend

53 บทความ

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 นาที
24 views
React TypeScript Workshop: เริ่มต้นเขียนโค้ดแบบมือโปรด้วย Type-First Architecture
React TypeScript

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

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

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

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

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

1 month ago 6 นาที
24 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 นาที
24 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
เขียน React Custom Hooks ให้เก่งด้วย TypeScript Generics: วิธีสร้างโค้ดที่นำกลับมาใช้ใหม่ได้และปลอดภัย
React TypeScript

เขียน React Custom Hooks ให้เก่งด้วย TypeScript Generics: วิธีสร้างโค้ดที่นำกลับมาใช้ใหม่ได้และปลอดภัย

เบื่อไหมที่ต้องเขียนโค้ดดึงข้อมูลซ้ำ ๆ? มาเรียนรู้วิธีสร้าง Custom Hooks ด้วย Generics ที่ช่วยให้โค้ด React ของคุณสะอาด ปลอดภัย และนำไปใช้ซ้ำได้ง่ายขึ้น

1 month ago 7 นาที
20 views
เทคนิคเขียน React ด้วย TypeScript: ทำ Generic Components และเพิ่ม Performance ให้แอปลื่นไหล
React TypeScript

เทคนิคเขียน React ด้วย TypeScript: ทำ Generic Components และเพิ่ม Performance ให้แอปลื่นไหล

เรียนรู้วิธีเขียน Generic Components เพื่อลดการเขียนโค้ดซ้ำ และเทคนิคใช้ useMemo กับ useCallback เพื่อเพิ่มความเร็วให้แอป React ของคุณทำงานได้ลื่นไหลไม่มีสะดุด

1 month ago 7 นาที
17 views
จัดการ State ซับซ้อนใน React ด้วย TypeScript และ useReducer ให้โค้ดสะอาดและปลอดภัย
React TypeScript

จัดการ State ซับซ้อนใน React ด้วย TypeScript และ useReducer ให้โค้ดสะอาดและปลอดภัย

เบื่อไหมที่จัดการ State ใน React แล้วโค้ดมั่ว? มาดูวิธีใช้ useReducer คู่กับ Discriminated Unions เพื่อคุมการเปลี่ยนข้อมูลให้แม่นยำ ลดบั๊ก และเขียนโค้ดได้มือโปรขึ้น

1 month ago 5 นาที
14 views
สอนใช้ React Context API ร่วมกับ TypeScript ให้โค้ดสะอาดและจัดการง่าย
React TypeScript

สอนใช้ React Context API ร่วมกับ TypeScript ให้โค้ดสะอาดและจัดการง่าย

เบื่อไหมกับการส่ง Props หลายชั้น? มาเรียนรู้วิธีใช้ Context API คู่กับ TypeScript เพื่อจัดการข้อมูลส่วนกลางให้เป็นระเบียบ พร้อมวิธีทำ Custom Hook ใช้งานง่าย

1 month ago 6 นาที
16 views
วิธีใช้งาน useRef กับ TypeScript ให้แม่นยำ สำหรับมือใหม่ React
React TypeScript

วิธีใช้งาน useRef กับ TypeScript ให้แม่นยำ สำหรับมือใหม่ React

เรียนรู้วิธีระบุ Type ให้ useRef เพื่อเข้าถึง DOM และเก็บค่าตัวแปรใน React ด้วย TypeScript ให้ปลอดภัย ลดบั๊กกวนใจ และเขียนโค้ดได้แบบมืออาชีพ

1 month ago 5 นาที
18 views