studio-best-practices

โดย supabase

แนวทางปฏิบัติที่ดีที่สุดสำหรับ React และ TypeScript สำหรับ Supabase Studio ใช้เมื่อเขียนหรือตรวจสอบคอมโพเนนต์ของ Studio — ครอบคลุมการตั้งชื่อบูลีน โครงสร้างคอมโพเนนต์…

npx skills add https://github.com/supabase/supabase --skill studio-best-practices

ดาวน์โหลด ZIP GitHub

ลองใช้ทักษะนี้ผู้สนับสนุน

Skills เพิ่มเติมจาก supabase

studio-e2e-tests

เขียนและรันการทดสอบ E2E ด้วย Playwright สำหรับ Supabase Studio ใช้เมื่อถูกถาม

Docs-PM การสนับสนุนการตัดสินใจสำหรับกระบวนการเขียน "Write the docs" — ช่วยตัดสินใจเกี่ยวกับกลุ่มผู้ชม ขั้นตอน และขอบเขตงานแบบครอบคลุมในช่วง Frame และ Shape stages,…

เขียน แก้ไข จัดระเบียบ และตรวจสอบเนื้อหา Supabase ทุกที่ใน apps/docs — คู่มือ บทอธิบาย บทช่วยสอน รายการแก้ไขปัญหา เอกสารอ้างอิง และ…

studio-mock-api-tests

การทดสอบคอมโพเนนต์สำหรับ Supabase Studio ที่จำลองคำขอ API ที่ชั้นเครือข่ายด้วย MSW ใช้เมื่อเขียนหรือตรวจสอบการทดสอบคอมโพเนนต์ที่ใช้งาน React…

studio-ui-patterns

ดีไซน์ซิสเต็ม UI แพตเทิร์นสำหรับ Supabase Studio ใช้เมื่อสร้างหรืออัปเดตหน้าเพจ ฟอร์ม ตาราง แผนภูมิ สถานะว่าง การนำทาง การ์ด การแจ้งเตือน หรือไซด์…

react-hook-form

แก้ไขการใช้งาน React Hook Form ให้ถูกต้องทุกที่ใน monorepo — data flow, subscriptions, reset, dirty state, number inputs, และกฎของ controlled-input. โหลดสิ่งนี้…

ข้อกำหนดของ React Query สำหรับการดึงข้อมูลใน Supabase Studio ใช้เมื่อเขียนหรือตรวจสอบ query hooks, mutation hooks หรือ query keys ใน apps/studio/data/ —…

กลยุทธ์การทดสอบสำหรับ Supabase Studio ใช้เมื่อเขียนการทดสอบ ตัดสินใจว่าการเปลี่ยนแปลงใดต้องมีการทดสอบและประเภทใด การแยกตรรกะจากคอมโพเนนต์ไปเป็น...