סיכום React Conf 2021

17 בדצמבר 2021 מאת ג’סלין טנאדי וריק הנלון

זו הייתה הפעם הראשונה ש-React Conf התארח אונליין, והוא שודר בחינם עם תרגום ל-8 שפות שונות. משתתפים מכל העולם הצטרפו ל-Discord של הכנס ולאירוע השידור החוזר, כדי לאפשר נגישות בכל אזורי הזמן. יותר מ-50,000 אנשים נרשמו, עם מעל 60,000 צפיות ב-19 הרצאות, ו-5,000 משתתפים ב-Discord בשניים ביחד.

כל ההרצאות זמינות לצפייה אונליין.

הנה סיכום של מה שעלה על הבמה:

React 18 ויכולות להתמודד

בהרצאת הפתיחה שיתפנו את החזון שלנו לעתיד React, שמתחיל ב-React 18.

React 18 מוסיף את מנוע ה-renderer של בו-זמנית שחיכו לו זמן, יחד עם עדכונים ל-TK_0 רב, שינויים שוברים משמעותיים. אפליקציות יכולות לשדרג ל-React 18 ולהתחיל לאמץ יכול להגיע בהדרגה, במאמץ דומה לכל שחרור major אחר.

זה אומר שאין מצב בו זמנית, יש רק תכונות במקביל.

בהרצאת הפתיחה שיתפנו גם את החזון שלנו לגבי Suspense, רכיבי שרת, קבוצות עבודה חדשות של React, וחזון רב- פלטפורמה ארוכה טווח עבור React Native.

צפו בהרצאת הפתיחה המלאה של Andrew Clark, Juan Tejada, Lauren Tan, and Rick Hanlon:

React 18 למפתחי אפליקציות

בהרצאת הפתיחה הכרזנו גם ש-React 18 RC זמין לניסיון כבר עכשיו. בכפוף למשוב נוסף, זו תהיה בדיוק גרסת React לפרסם כי הופיעו בתחילת השנה הבאה.

כדי לנסות את React 18 RC, שדרגו את התלויות:

npm install react@rc react-dom@rc

ועברו ל-API החדש של createRoot:

// before
const container = document.getElementById('root');
ReactDOM.render(<App />, container);

// after
const container = document.getElementById('root');
const root = ReactDOM.createRoot(container);
root.render(<App/>);

להדגמה של שדרוג ל-React 18, ראו את ההרצאה של שרוטי קאפור:

עיבוד שרת סטרימינג עם Suspense

React 18 כולל גם שיפורים לביצועי רינדור צד שרת באמצעות Suspense.

עיבוד שרת זרימה יכול להשתמש HTML מקומפוננטות React בשרת, ולהזרים את ה-HTML הזה למשתמשים. ב-React 18 אפשר להשתמש ב-Suspense כדי לפרק את האפליקציה ליחידות קטנות ועצמאיות שאפשר להזרים בנפרד בלי לחסום את שאר האפליקציה. כלומר, משתמשים יראו תוכן מוקדם יותר ויוכלו להתחיל אינטראקציה הרבה יותר מהר.

לצלילה עמוקה, ראו את ההרצאה של איש שונדאי:

קבוצת העבודה הראשונה של React

עבור React 18 יצרנו את קבוצת העבודה הראשונה שלנו כדי לשתף פעולה עם פאנל של מומחים, מפתחים, מתחזקי ספריות ומדריכים. יחד בנינו את אסטרטגיית האימוץ ההדרגתי שלנו ושייפנו APIs חדשים כמו useId, useSyncExternalStore, ו-useInsertionEffect.

לסקירה של העבודה הזו, ראו את ההרצאה של Aakansha’ Doshi:

כלי פיתוח עבור React

כדי לתמוך ביכולות החדשות של השחרור הזה, הכרזנו גם על צוות React DevTools החדש ועל ציר הזמן Profiler חדש שיעזור מפתחים לדבג אפליקציות React.

למידע נוסף ולהדגמה של יכול DevTools חדשות, ראו את ההרצאה של בריאן ווהן:

React בלי memo

במבט רחוק יותר לעתיד, Xuan Huang (黄玄) עדכון ממחקר React Labs שלנו על קומפיילר עם auto-memoization. לצפייה במידע ובהדגמה של אבטיפוס הקומפיילר:

הרצאת תיעוד React

[רייצ’ל נאבורס](React פתחה מקבץ הרצאות על למידה ועיצוב עם React, עם keynote על ההשקעה שלנו בתיעוד React החדש (שכיום הושק כ-react.dev):

ועוד…

שמענו גם הרצאות על למידה ועיצוב עם React:

• דבי אובריאן: דברים שלמדתי מהמסמכים החדשים של React.
• שרה ריינברגר: למידה בדפדפן.
• Linton Ye: החזר ה-ROI של עיצוב עם React.
• Delba de Oliveira: מגרשי משחקים אינטראקטיביים עם React.

הרצאות מצוותי ממסר, React Native ו-PyTorch:

• רוברט באליצקי: מציג מחדש את הממסר.
• אריק רוזל וסטיבן מויס: React שולחן עבודה מקורי.
• רומן ראדל: למידה מכונה במכשיר עבור React Native

וגם הרצאות קהילה על נגישות, כלי פיתוח ו-Server Components:

• Daishi Kato: React 18 עבור ספריות חנות חיצוניות.
• דייגו האז: בניית רכיבים נגישים ב-React 18.
• Tafu Nakazaki: רכיבי טופס יפני נגישים עם React.
• לייל טרוקסל: כלי ממשק משתמש לאמנים.
• הלן לין: מימן + React 18.

תודה

זו הייתה השנה הראשונה שבה תכננו כנס בעצמנו, ויש לנו הרבה אנשים להודות להם.

קודם כל תודה לכל הדוברים שלנו Aakansha Doshi. [אנדרו קלארק](TK_1 [Brian Vaughn](TK_2 [Daishi Kato](TK_3 [דבי אובריאן](TK_4 [Delba de Oliveira](E__TK_6__] [TK_6] Rozell](TK_7 [Helen Lin](TK_8 [Juan Tejada](TK_9 [Lauren Tan](TK_10 [Linton Ye](TK_11 [Lyle Troxell](TK_12 [רייצ’ל Nabors](__TK_13]4 [TK_13] [__TK_13] Balicki](TK_15 [Roman Rädle](TK_16 [שרה ריינברגר](TK_17 [Shaundai Person](TK_18 [Shruti Kapoor](TK_19 [סטיבן מויס](TK_20 [Huang_21](TK_20 ו-נקזאקיאן) (黄玄)](https://twitter.com/Huxpro).

תודה לכל מי שעזרו לתת פידבק על ההרצק, כולל אנדרו קלארק, דן אברמוב, דייב מקייב, אלי ווייט, ג’ו סאבונה, לורן טאן,]6) [https://twitter.com/potetotes),]6](https://twitter.com/potetotes),]6) [https://twitter.com/potetotes),] [https://twitter.com/potetotes),] יונג](https://twitter.com/yungsters).

תודה ל-Lauren Tan על הקמת Discord של הכנס ועל התפקיד כ-Discord admin שלנו.

תודה ל-סת’ וובסטר לגבי הכיוון הכללי ועל כך שווידא שנשארנו ממוקדים בגיוון והכלה.

תודה ל-רחל נאבורס על הובלת מאמץ המודרציה שלנו, ול-עיישה בלייק על יצירת מדריך המודרציה, הובלת צוות המודרציה, הכשרת המתרגמים והמודרטים, וסיוע במודרציה של שני המבצעים.

תודה למודרטורים שלנו Jesslyn Tannady. [Suzie Grange](TK_1 [בקה ביילי](TK_2 [Luna Wei](TK_3 [Joe Previte](TK_4 [Nicola Corti](TK_5 [GijsKdio Weterings](TK_5 [Clau__Kdio Weterings]___] ג’וליה נוימן, מנגדי צ’ן, ז’אן ז’אנג, ריקי לי ושואן הואנג (黄玄).

תודה ל-Manjula Dube, Sahil Mhapsekar, וויהאנג פאטל מהודו React, ול-Jasmine Xie, QiChang Li, ו-[YanLun Li](_TK___5](TK 5) מ-__K___8) China על עזרה במודרציה של אירוע השידור החוזר ושמירה על מעורבות גבוהה בקהילה.

תודה ל-Vercel על פרסום Virtual Event Starter Kit, שעליו נבנה אתר הכנס, ול-Lee Robinson ו-Delba de Oliveira על שיתוף ניסיון מהפקת Next.js Conf.

תודה ל-לאה זילבר על שיתוף פעולה בהפקת כנסים, תובנות מ-RustConf, ועל הספר שלה Event Driven והעצות שבו הפקת על הכנסים.

תודה ל-קווין לואיס ול-רחל נאבורס על שיתוף ניסיון מהפקת Women of React Conf.

תודה ל-Aakansha Doshi, Laurie Barth, Michael Chan, and Shaundai Person על העצות והרעיונות לאורך כל התכנון.

תודה ל-דן לבוביץ על עזרה בעיצוב ובניית אתר הכנס והכרטיסים.

תודה ל-Laura Podolak Waddell, Desmond Osei-Acheampong, Mark Rossi, Josh Toberman ואחרים מצוות Facebook Video Productions על הקלטת הסרטונים ל-Keynote ולהרצאות עובדי Meta.

תודה לשותפים שלנו ב-HitPlay על עזרה בארגון הכנס, עריכת כל סרטוני השידור, תרגום כל ההרצאות ומודרציה של Discord בכמה שפות.

ולבסוף, תודה לכל המשתתפים שלנו שהפכה את זה ל-React Conf נהדר.