ดาวน์โหลด swr - ดาวน์โหลดซอร์สโค้ด swr

swr

โค้ดแหล่งที่มา AI

v2.3.0

ดาวน์โหลด

การแนะนำ

SWR เป็นไลบรารี REACE Hooks สำหรับการดึงข้อมูล

ชื่อ“ SWR ” นั้นมาจาก stale-while-revalidate ซึ่งเป็นกลยุทธ์การทำให้เป็นโมฆะแคชที่ได้รับความนิยมจาก HTTP RFC 5861 SWR แรกที่ส่งคืนข้อมูลจากแคช (Stale) จากนั้นส่งคำขอ (revalidate) และในที่สุดก็มาพร้อมกับข้อมูลที่ทันสมัยอีกครั้ง

ด้วยตะขอเดียวคุณสามารถทำให้ตรรกะการดึงข้อมูลง่ายขึ้นอย่างมากในโครงการของคุณ และยังครอบคลุมในทุกด้านของความเร็วความถูกต้องและความมั่นคงเพื่อช่วยให้คุณสร้างประสบการณ์ที่ดีขึ้น:

การดึงข้อมูล ที่รวดเร็ว น้ำหนักเบา และ นำกลับมาใช้ซ้ำได้
การขนส่งและโปรโตคอล
แคช ในตัวและขอซ้ำซ้อน
ประสบการณ์ แบบเรียลไทม์
refalidation on focus
การกู้คืนใหม่ในการกู้คืนเครือข่าย
การเลือกตั้ง
การปฏิเสธตำแหน่งการปนเปื้อนและการเลื่อนตำแหน่ง
SSR และ SSG
การกลายพันธุ์ในท้องถิ่น (UI ในแง่ดี)
retry สมาร์ทในตัวลองอีกครั้ง
ตัวพิมพ์ใหญ่
ตอบโต้ความสงสัย
ตอบสนองพื้นเมือง

... และอีกมากมาย

ด้วย SWR ส่วนประกอบจะได้รับ การอัปเดตข้อมูลอย่างต่อเนื่องและโดยอัตโนมัติ ดังนั้น UI จะ รวดเร็ว และ มีปฏิกิริยา เสมอ

ดูเอกสารเต็มรูปแบบและตัวอย่างใน swr.vercel.app

เริ่มต้นอย่างรวดเร็ว

 import useSWR from 'swr'

function Profile ( ) {
  const { data , error , isLoading } = useSWR ( '/api/user' , fetcher )

  if ( error ) return < div > failed to load </ div >
  if ( isLoading ) return < div > loading... </ div >
  return < div > hello { data . name } ! </ div >
}

ในตัวอย่างนี้ React Hook useSWR ยอมรับ key และฟังก์ชัน fetcher key คือตัวระบุที่ไม่ซ้ำกันของคำขอโดยปกติ URL ของ API และ fetcher ยอมรับ key เป็นพารามิเตอร์และส่งคืนข้อมูลแบบอะซิงโครนัส

useSWR ยังส่งคืนค่า 3: data isLoading และ error เมื่อคำขอ (fetcher) ยังไม่เสร็จ data จะ undefined และ isLoading จะเป็น true เมื่อเราได้รับการตอบกลับจะตั้งค่า data และ error ตามผลลัพธ์ของ fetcher isLoading เป็นเท็จและ rerenders ส่วนประกอบ