การแข่งขันเป็นแนวทางปฏิบัติที่ดีที่สุดของ Redux โดยไม่ต้องใช้แผ่นหม้อไอน้ำ ไม่มีประเภทการกระทำอีกต่อไปผู้สร้างแอ็คชั่นสลับคำสั่งหรือเสียงดังในเวลาน้อยกว่า 1.4 กิโลไบต์

เอกสาร · QuickStart · ตัวอย่าง · มีส่วนร่วม · ใบอนุญาต
Redux เป็นเครื่องมือการจัดการสถานะที่น่าทึ่งซึ่งได้รับการสนับสนุนโดยระบบนิเวศมิดเดิลแวร์ที่ดีต่อสุขภาพและ Devtools ที่ยอดเยี่ยม การแข่งขันสร้างเมื่อ Redux โดยการลดหม้อไอน้ำและบังคับใช้แนวทางปฏิบัติที่ดีที่สุด มันมีคุณสมบัติต่อไปนี้:
ในไม่กี่บรรทัดคุณจะได้รับการโทรแบบอะซิงโครนัสอย่างง่ายดายไปยัง API ภายนอกและข้อมูลที่เก็บไว้ทั่วโลก เป็นเรื่องที่น่าอัศจรรย์ด้วย Redux คุณจะต้องใช้หม้อไอน้ำจำนวนมากไลบรารีและการกำหนดค่าพิเศษ
type PlayersState = {
players : PlayerModel [ ]
}
export const players = createModel < RootModel > ( ) ( {
state : {
players : [ ] ,
} as PlayersState ,
reducers : {
SET_PLAYERS : ( state : PlayersState , players : PlayerModel [ ] ) => {
return {
... state ,
players ,
}
} ,
} ,
effects : ( dispatch ) => {
const { players } = dispatch
return {
async getPlayers ( ) : Promise < any > {
let response = await fetch ( 'https://www.balldontlie.io/api/v1/players' )
let { data } : { data : PlayerModel [ ] } = await response . json ( )
players . SET_PLAYERS ( data )
} ,
}
} ,
} )ตรวจสอบตอนนี้!
| redux | การแข่งขัน | |
|---|---|---|
| การตั้งค่าอย่างง่าย | ||
| แผ่นต้มน้อยลง | ||
| การอ่านได้ | ||
| กำหนดได้ | ||
| redux devtools | ||
| ผู้สร้างแอ็คชั่นที่สร้างขึ้น | ||
| async | เสียงดัง | async/รอ |
การย้ายจาก redux เพื่อการแข่งขันอาจเกี่ยวข้องกับการเปลี่ยนแปลงเล็กน้อยในการจัดการสถานะของคุณและไม่จำเป็นต้องมีการเปลี่ยนแปลงที่จำเป็นในการดูตรรกะของคุณ ดูการอ้างอิงการย้ายข้อมูลสำหรับรายละเอียด
การแข่งขันและภายในนั้นทั้งหมดถูกสร้างขึ้นบนท่อส่งปลั๊กอิน เป็นผลให้นักพัฒนาสามารถสร้างปลั๊กอินแบบกำหนดเองที่ซับซ้อนซึ่งปรับเปลี่ยนการตั้งค่าหรือเพิ่มโมเดลข้อมูลบ่อยครั้งโดยไม่ต้องมีการเปลี่ยนแปลงใด ๆ ในการแข่งขัน ดูปลั๊กอินที่พัฒนาโดยทีมการแข่งขันหรือ API สำหรับการสร้างปลั๊กอิน
ขอบคุณทุกคนที่มีส่วนร่วมในการแข่งขันแล้ว!
ทำกับผู้มีส่วนร่วม-IMG
โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT