วีดีโอ: ฉันควรใช้ฟลักซ์หรือ Redux?
2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54
ฟลักซ์ เป็นรูปแบบและ Redux เป็นห้องสมุด ใน Redux แบบแผนคือการมีร้านค้าเดียวต่อแอปพลิเคชันซึ่งมักจะแยกออกเป็นโดเมนข้อมูลภายใน (คุณ สามารถ สร้างมากกว่าหนึ่ง Redux เก็บไว้หากจำเป็นสำหรับสถานการณ์ที่ซับซ้อนมากขึ้น) ฟลักซ์ มีผู้มอบหมายงานเพียงคนเดียวและการดำเนินการทั้งหมดต้องผ่านผู้มอบหมายงานนั้น
คำถามก็คือ Redux กับ flux ต่างกันอย่างไร?
หลัก ความแตกต่าง ของ ฟลักซ์ vs Redux คือว่า ฟลักซ์ รวมร้านค้าหลายร้านต่อแอพ แต่ Redux รวม Store เดียวต่อแอพ การเปลี่ยนแปลงทั้งหมดใน Redux ถูกสร้างขึ้นด้วยฟังก์ชันบริสุทธิ์ที่เรียกว่ารีดิวเซอร์
ยังใช้ฟลักซ์อยู่หรือไม่? คำตอบส่วนใหญ่คือ "คุณไม่ได้ใช้ ฟลักซ์ อีกแล้ว คุณใช้ Redux" ข้อผิดพลาดใหญ่ที่ฉันเห็นบ่อยคือผู้คนใช้ Redux เป็นรูปแบบสถาปัตยกรรมและใช้สถาปัตยกรรมการไหลของข้อมูลแบบทิศทางเดียวของตนเองซึ่งอิงตาม "Redux" เมื่อแท้จริงแล้วไม่ใช่สิ่งอื่นใดนอกจากอย่างอื่น ฟลักซ์ การดำเนินการ
อาจมีคนถามว่า Facebook ใช้ flux หรือ Redux หรือไม่?
หลังจากที่ React ออกมา facebook ตระหนักว่าพวกเขาต้องการวิธีจัดการรัฐอย่างเต็มที่ ดังนั้นพวกเขาจึงสร้าง ฟลักซ์ สถาปัตยกรรม. Redux คือ ฟลักซ์ การดำเนินการ ตั้งแต่ facebook สร้าง ฟลักซ์ , แต่ ทำ ไม่สร้าง redux . เป็นไปได้มากที่สุด ใช้ฟลักซ์.
ฉันควรใช้ Redux หรือไม่
โดยทั่วไปแล้ว ใช้ Redux เมื่อคุณมีการเปลี่ยนแปลงข้อมูลในปริมาณที่เหมาะสมเมื่อเวลาผ่านไป คุณต้องมีแหล่งความจริงเพียงแหล่งเดียว และคุณพบว่าวิธีการเช่นการรักษาทุกอย่างให้อยู่ในสถานะขององค์ประกอบ React ระดับบนสุดนั้นไม่เพียงพออีกต่อไป อย่างไรก็ตาม สิ่งสำคัญคือต้องเข้าใจด้วยว่า ใช้ Redux มาพร้อมกับการประนีประนอม
แนะนำ:
ฉันจะสร้างโครงการใน react redux ได้อย่างไร
หากต้องการสร้างโปรเจ็กต์ใหม่ เพียงเพิ่ม npx ไว้ข้างหน้า create-react-app redux-cra นี้จะติดตั้ง create-react-app ทั่วโลก (หากยังไม่ได้ติดตั้ง) และสร้างโปรเจ็กต์ใหม่ด้วย Redux Store เก็บสถานะแอปพลิเคชัน อนุญาตให้เข้าถึงสถานะผ่าน getState() อนุญาตให้อัปเดตสถานะผ่านการจัดส่ง (การกระทำ)
Redux เก็บไว้ที่ไหน?
สถานะใน Redux ถูกเก็บไว้ในหน่วยความจำ ซึ่งหมายความว่า หากคุณรีเฟรชหน้า สถานะจะถูกลบออก สถานะใน redux เป็นเพียงตัวแปรที่ยังคงอยู่ในหน่วยความจำเพราะถูกอ้างอิงโดยฟังก์ชัน redux ทั้งหมด
Redux Connect ตอบสนองอย่างไร
ฟังก์ชัน connect() เชื่อมต่อส่วนประกอบ React กับ Redux store โดยให้ส่วนประกอบที่เชื่อมต่อกับชิ้นส่วนของข้อมูลที่ต้องการจากร้านค้า และฟังก์ชันที่สามารถใช้เพื่อส่งการดำเนินการไปยังร้านค้า
Redux ใช้กับ react native หรือไม่?
Redux เป็นไลบรารีการจัดการสถานะ และมักใช้กับ React Native เพื่อทำให้การไหลของข้อมูลภายในแอปง่ายขึ้น คุณจะใช้แอปพลิเคชันรายการสิ่งที่ต้องทำที่มีอยู่ซึ่งเก็บรายการสิ่งที่ต้องทำในสถานะท้องถิ่น และย้ายข้อมูลนั้นไปยัง Redux หากคุณไม่คุ้นเคยกับ React Native ให้ดูหลักสูตรแนะนำ React Native ที่นี่
Redux ใช้ที่ไหน?
Redux ส่วนใหญ่จะใช้สำหรับการจัดการสถานะของแอปพลิเคชัน เพื่อสรุป Redux จะรักษาสถานะของแอปพลิเคชันทั้งหมดในแผนผังสถานะ (อ็อบเจ็กต์) ที่ไม่เปลี่ยนรูปเดียว ซึ่งไม่สามารถเปลี่ยนแปลงได้โดยตรง เมื่อบางสิ่งเปลี่ยนแปลง วัตถุใหม่จะถูกสร้างขึ้น (โดยใช้การกระทำและตัวลดขนาด)