ריאקט נייטיב

ריאקט נייטיב (באנגלית: React Native) היא ספריית תוכנה לפיתוח ממשק משתמש שנוצרה על ידי חברת פייסבוק. היא משמשת לפיתוח יישומים עבור אנדרואיד, ‏Android TV, iOS,‏ macOS, tvOS,‏ אינטרנט, Windows ו-UWP בזכות היכולת לנצל את היכולות המובנות של מערכות ההפעלה השונות תוך שימוש בספריית React. היא משמשת גם לפיתוח יישומי מציאות מדומה ב-Oculus.‏ בשנת 2012 אמר מארק צוקרברג, "הטעות הגדולה ביותר שעשינו כחברה הייתה הימור רב מדי על HTML בניגוד לאפליקציות נייטיב". השימוש ב-HTML5 לגרסת הנייד של פייסבוק הביא ליישום לא יציב שאחזר נתונים לאט. הוא הבטיח שפייסבוק תספק בקרוב חוויית מובייל טובה יותר. בתוך פייסבוק, ג'ורדן וולק מצא דרך לייצר רכיבי ממשק משתמש ל-iOS מתוך תהליכון JavaScript ברקע, שהפך לבסיס לשלד התוכנה React. הם החליטו לארגן האקתון פנימי בכדי לשכלל את אב הטיפוס הזה על מנת שיוכלו לבנות אפליקציות מובייל עם טכנולוגיה זו. לאחר חודשים של פיתוח, פייסבוק פרסמה את הגרסה הראשונה של React JavaScript Configuration בשנת 2015. במהלך שיחה טכנית, כריסטופר צ'אדו הסביר כי פייסבוק כבר משתמשת ב-React Native עבור אפליקציית הקבוצות שלהם ואפליקציית מנהל המודעות שלהם. עקרונות העבודה של React Native כמעט זהים ל-React פרט לכך ש-React Native אינו מבצע מניפולציות על ה-DOM באמצעות ה-DOM הווירטואלי. הוא פועל בתהליכון רקע (המפרש את JavaScript שכתבו המפתחים) ישירות במכשיר הקצה ומתקשר עם מערכת ההפעלה באמצעות סריאליזציה של נתונים דרך גשר אסינכרוני. רכיבי React עוטפים קוד נייטיב קיים ומתקשרים עם ממשקי API נייטיביים באמצעות פרדיגמת ממשק המשתמש ההצהרתי של React ו-JavaScript. בעוד שלעיצוב ב-React Native יש תחביר דומה ל-CSS, הוא אינו משתמש ב-HTML או CSS. במקום זאת, משתמשים בהודעות משרשור ה-JavaScript כדי לנהל תצוגות נייטיביות. React Native מאפשרת למפתחים לכתוב גם קוד מקור בשפות כגון Java או Kotlin עבור אנדרואיד, Objective-C או Swift עבור iOS ו-C ++/WinRT או C# עבור Windows 10, מה שהופך אותו לגמיש עוד יותר. מיקרוסופט בונה ומתחזקת את React Native עבור Windows ו-React Native עבור macOS. תוכנית Hello world ב-React Native תוך שימוש ב-Function component נראית כך: import { Text } from 'react-native'; import { React } from 'react'; export default function HelloWorldApp() { return ( <Text>Hello world!</Text> ); } Xamarin אפאצ'י קורדובה פלאטר אתר האינטרנט הרשמי של ריאקט נייטיב אתר האינטרנט הרשמי של ריאקט נייטיב ריאקט נייטיב, ברשת החברתית אקס (טוויטר) אמיר עוז, ‏React Native: המהפכה השקטה של עולם פיתוח האפליקציות כבר כאן, באתר "אנשים ומחשבים", 3 בינואר 2019 "Chapter 1. What Is React Native?". oreilly.com. O’Reilly Media, Inc. נבדק ב-30 ביולי 2020. {{cite web}}: (עזרה) "Android Release for React Native". 14 בספטמבר 2015. {{cite web}}: (עזרה) "Building For TV Devices · React Native". reactnative.dev (באנגלית). נבדק ב-2020-10-02. "React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React". microsoft.github.io. נבדק ב-2020-10-02. "React Native for Apple TV". React Native for Apple TV (באנגלית אמריקאית). נבדק ב-2020-10-02. "React Native for Web". נבדק ב-2019-11-06. Windows Apps Team (13 באפריל 2016). "React Native on the Universal Windows Platform". blogs.windows.com. נבדק ב-2016-11-06. {{cite web}}: (עזרה) "Out-of-Tree Platforms". reactnative.dev. Facebook, Inc. נבדק ב-30 ביולי 2020. {{cite web}}: (עזרה) "React Native in H2 2021 · React Native". reactnative.dev (באנגלית). נבדק ב-2021-08-20. "Zuckerberg's Biggest Mistake? 'Betting on HTML5'". Mashable. נבדק ב-7 באפריל 2018. {{cite web}}: (עזרה) Zuckerberg, Mark (2012-09-12). "Fireside Chat With Facebook Founder and CEO Mark Zuckerberg". TechCrunch (interview). נבדק ב-2021-08-16. Warren, Christina. "Zuckerberg's Biggest Mistake? 'Betting on HTML5'". Mashable (באנגלית). נבדק ב-2020-10-29. "A short Story about React Native". נבדק ב-16 בינואר 2018. {{cite web}}: (עזרה) Christopher, Chedeau. "A Deep Dive into React Native". YouTube. נבדק ב-16 בינואר 2018. {{cite web}}: (עזרה) "React Native: Bringing modern web techniques to mobile". 26 במרץ 2015. {{cite web}}: (עזרה) "Bridging in React Native". 14 באוקטובר 2015. נבדק ב-16 בינואר 2018. {{cite web}}: (עזרה) "How we build React Native app: 7 things which save your development time. Part 2". נבדק ב-2019-11-06. "React Native Style". נבדק ב-24 בפברואר 2021. {{cite web}}: (עזרה)