Redux היא ספריית JavaScript בקוד פתוח המשמשת לניהול מצב יישומים. React משתמש ב- Redux לבניית ממשק המשתמש. זה הוצג לראשונה על ידי דן אברמוב ו אנדרו קלארק ב 2015 .
React Redux היא הכריכה הרשמית של React עבור Redux. זה מאפשר לרכיבי React לקרוא נתונים מחנות Redux ולשלוח פעולות אל ה חנות לעדכון נתונים. Redux עוזר לאפליקציות להתרחב על ידי מתן דרך הגיונית לניהול מצב באמצעות מודל זרימת נתונים חד כיווני. React Redux היא פשוטה מבחינה רעיונית. הוא נרשם לחנות Redux, בודק אם הנתונים שהרכיב שלך רוצה השתנו, ומציג מחדש את הרכיב שלך.
יצירת חוט ג'אווה
Redux נוצר בהשראת Flux. Redux למד את ארכיטקטורת Flux והשמיט מורכבות מיותרת.
- ל- Redux אין קונספט של Dispatcher.
- ל- Redux יש חנות יחידה ואילו ל- Flux יש חנויות רבות.
- אובייקטי הפעולה יתקבלו ויטפלו ישירות על ידי החנות.
למה להשתמש ב-React Redux?
הסיבה העיקרית להשתמש ב-React Redux היא:
- React Redux הוא הרשמי כריכות ממשק משתמש יישום להגיב. הוא מתעדכן בכל שינויי API כדי להבטיח שרכיבי React שלך יתנהגו כמצופה.
- זה מעודד ארכיטקטורת 'React' טובה.
- הוא מיישם אופטימיזציות רבות של ביצועים באופן פנימי, מה שמאפשר עיבוד מחדש של רכיבים רק כאשר הוא באמת צריך.
ארכיטקטורת Redux
המרכיבים של ארכיטקטורת Redux מוסברים להלן.
חנות: חנות היא מקום שבו מופיע כל מצב האפליקציה שלך. הוא מנהל את מצב האפליקציה ויש לו פונקציית שליחה (פעולה). זה כמו מוח שאחראי על כל החלקים הנעים ב-Redux.
פעולה: הפעולה נשלחת או נשלחת מהתצוגה שהם מטענים שניתן לקרוא על ידי מפחיתים. זהו אובייקט טהור שנוצר כדי לאחסן את המידע של האירוע של המשתמש. הוא כולל מידע כגון סוג הפעולה, זמן ההתרחשות, מיקום ההתרחשות, הקואורדינטות שלו ואיזה מצב הוא שואף לשנות.
מפחית: מפחית קורא את המטענים מהפעולות ולאחר מכן מעדכן את החנות דרך המדינה בהתאם. זוהי פונקציה טהורה להחזיר מצב חדש מהמצב ההתחלתי.
התקנת Redux
דרישות: React Redux דורש React 16.8.3 או גרסה מאוחרת יותר.
מוסכמות שמות של java
כדי להשתמש ב-React Redux עם אפליקציית React, עליך להתקין את הפקודה שלהלן.
$ npm install redux react-redux --save