React Native 0.61 Update מביא תכונה חדשה עיקרית שמשפרת את חווית הפיתוח.
תכונות של React Native 0.61
ב-React Native 0.61, אנו מחברים את ההדגשות הנוכחיות של "טעינה מחדש בשידור חי" (טעינה מחדש בעת שמירה) ו"טעינה מחדש חמה" לתכונה חדשה אחת בשם "רענון מהיר". רענון מהיר מורכב מהעקרונות הבאים:
- רענון מהיר תומך לחלוטין ב-React הנוכחי, כולל רכיבי פונקציה והוקס.
- רענון מהיר מתאושש לאחר שגיאות הקלדה וטעויות שונות ונופל בחזרה לטעינה מחדש מלאה בעת הצורך.
- Refresh מהיר לא מבצע שינויים פולשניים בקוד ולכן הוא אמין מספיק כדי להיות מופעל כברירת מחדל.
רענון מהיר
תגיב שפת אם יש טעינה חיה וטעינה חמה כבר די הרבה זמן. טעינה מחדש בזמן אמת תטען מחדש את כל האפליקציה כאשר היא זיהתה שינוי בקוד. זה יאבד את המיקום הנוכחי שלך בתוך היישום, עם זאת, יבטיח שהקוד לא היה במצב שבור. טעינה מחדש חמה תשתדל "לתקן" את ההתקדמות שביצעת. ניתן לעשות זאת מבלי לטעון מחדש את כל האפליקציה, מה שמאפשר לך לראות את ההתקדמות שלך הרבה יותר מהר.
טעינה חוזרת חמה נשמעה נהדר, עם זאת, היא הייתה די באגית ולא עבדה עם תכונות React הנוכחיות כמו רכיבים פונקציונליים עם ווים.
קבוצת React Native יצרה מחדש את שתי התכונות הללו ושילבה אותן לתכונה החדשה של Fast Reload. זה מופעל כברירת מחדל והוא יעשה מה שעשוי להשוות לטעינה חוזרת חמה במידת האפשר, ויפול חזרה לטעינה מחדש מלאה אם זה בהחלט לא.
שדרוג ל-React Native 0.61
באופן דומה, עם כל השדרוגים של React Native, מומלץ שתסתכל על ההבדל עבור הפרויקטים שנעשו לאחרונה ותחיל את השינויים הללו על הפרויקט שלך.
עדכן את גרסאות התלות
השלב הראשוני הוא לשדרג את התנאים ב-package.json שלך ולהציג אותם. זכור שכל גרסה מקורית של React מצורפת לגרסה מסוימת של React, אז הקפד לעדכן גם את זה. כמו כן, עליך לוודא ש-react-test-renderer תואם את גרסת React. אם אתה משתמש בזה ושדרג את גרסאות המטרו-react-native-babel-preset ו-Babel.
שדרוג זרימה
התחלה פשוטה. הגרסה של Flow שבה משתמשת React Native עברה רענון ב-0.61. זה מרמז שעליך לוודא שהתלות של מיכל הזרימה שברשותך מוגדרת ל-^0.105.0 ושיש לך ערך דומה ב-[גרסה] קובץ ה-.flowconfig שלך.
אם אתה משתמש ב-Flow לבדיקת סוגים בפרויקט שלך, זה עשוי לעורר טעויות נוספות בקוד שלך. ההצעה הטובה ביותר היא שתחקור את יומן השינויים עבור הגרסאות בטווח של 0.98 ו-0.105 כדי להבין מה עשוי לגרום להן.
אם אתה משתמש ב-Typescript לבדיקת סוג הקוד שלך, אתה באמת יכול לבטל את קובץ ה-.flowconfig ואת התלות ב-flow bin ולהתעלם מהחלק הזה של ה-diff.
אם אינך משתמש בודק סוגים, מומלץ לבדוק את השימוש בו. כל בחירה תעבוד, עם זאת, מומלץ להשתמש ב-Typescript.