ריאקט נייטיב

ריאקט נייטיב
מפתח מטא עריכת הנתון בוויקינתונים
מחזור חיים 2015–הווה (כ־9 שנים) עריכת הנתון בוויקינתונים
גרסה אחרונה 0.76.1 (29 באוקטובר 2024) עריכת הנתון בוויקינתונים
מערכת הפעלה חוצה-פלטפורמות עריכת הנתון בוויקינתונים
נכתבה בשפות JavaScript, Objective-C, C++, Java, פייתון עריכת הנתון בוויקינתונים
סוג רישיון רישיון MIT עריכת הנתון בוויקינתונים
קוד מקור https://github.com/facebook/react-native עריכת הנתון בוויקינתונים
reactnative.dev
לעריכה בוויקינתונים שמשמש מקור לחלק מהמידע בתבנית

ריאקט נייטיב (באנגלית: React Native) היא ספריית תוכנה לפיתוח ממשק משתמש שנוצרה על ידי חברת פייסבוק.[1] היא משמשת לפיתוח יישומים עבור אנדרואיד,[2] ‏Android TV,[3] iOS,‏ macOS,[4] tvOS,‏[5] אינטרנט,[6] Windows[4] ו-UWP[7] בזכות היכולת לנצל את היכולות המובנות של מערכות ההפעלה השונות תוך שימוש בספריית React.[8] היא משמשת גם לפיתוח יישומי מציאות מדומה ב-Oculus.‏[9]

היסטוריה

[עריכת קוד מקור | עריכה]

בשנת 2012 אמר מארק צוקרברג, "הטעות הגדולה ביותר שעשינו כחברה הייתה הימור רב מדי על HTML בניגוד לאפליקציות נייטיב".[10][11] השימוש ב-HTML5 לגרסת הנייד של פייסבוק הביא ליישום לא יציב שאחזר נתונים לאט.[12] הוא הבטיח שפייסבוק תספק בקרוב חוויית מובייל טובה יותר.

בתוך פייסבוק, ג'ורדן וולק מצא דרך לייצר רכיבי ממשק משתמש ל-iOS מתוך תהליכון JavaScript ברקע, שהפך לבסיס לשלד התוכנה React. הם החליטו לארגן האקתון פנימי בכדי לשכלל את אב הטיפוס הזה על מנת שיוכלו לבנות אפליקציות מובייל עם טכנולוגיה זו.[13]

לאחר חודשים של פיתוח, פייסבוק פרסמה את הגרסה הראשונה של React JavaScript Configuration בשנת 2015. במהלך שיחה טכנית,[14] כריסטופר צ'אדו הסביר כי פייסבוק כבר משתמשת ב-React Native עבור אפליקציית הקבוצות שלהם ואפליקציית מנהל המודעות שלהם.[15]

יישום

[עריכת קוד מקור | עריכה]

עקרונות העבודה של React Native כמעט זהים ל-React פרט לכך ש-React Native אינו מבצע מניפולציות על ה-DOM באמצעות ה-DOM הווירטואלי. הוא פועל בתהליכון רקע (המפרש את JavaScript שכתבו המפתחים) ישירות במכשיר הקצה ומתקשר עם מערכת ההפעלה באמצעות סריאליזציה של נתונים דרך גשר אסינכרוני.[16][17]

רכיבי React עוטפים קוד נייטיב קיים ומתקשרים עם ממשקי API נייטיביים באמצעות פרדיגמת ממשק המשתמש ההצהרתי של React ו-JavaScript.

בעוד שלעיצוב ב-React Native יש תחביר דומה ל-CSS, הוא אינו משתמש ב-HTML או CSS.[18] במקום זאת, משתמשים בהודעות משרשור ה-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>
    );
}

ראו גם

[עריכת קוד מקור | עריכה]

קישורים חיצוניים

[עריכת קוד מקור | עריכה]

הערות שוליים

[עריכת קוד מקור | עריכה]
  1. ^ "Chapter 1. What Is React Native?". oreilly.com. O’Reilly Media, Inc. נבדק ב-30 ביולי 2020. {{cite web}}: (עזרה)
  2. ^ "Android Release for React Native". 14 בספטמבר 2015. {{cite web}}: (עזרה)
  3. ^ "Building For TV Devices · React Native". reactnative.dev (באנגלית). נבדק ב-2020-10-02.
  4. ^ 1 2 "React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React". microsoft.github.io. נבדק ב-2020-10-02.
  5. ^ "React Native for Apple TV". React Native for Apple TV (באנגלית אמריקאית). נבדק ב-2020-10-02.
  6. ^ "React Native for Web". נבדק ב-2019-11-06.
  7. ^ Windows Apps Team (13 באפריל 2016). "React Native on the Universal Windows Platform". blogs.windows.com. נבדק ב-2016-11-06. {{cite web}}: (עזרה)
  8. ^ "Out-of-Tree Platforms". reactnative.dev. Facebook, Inc. נבדק ב-30 ביולי 2020. {{cite web}}: (עזרה)
  9. ^ "React Native in H2 2021 · React Native". reactnative.dev (באנגלית). נבדק ב-2021-08-20.
  10. ^ "Zuckerberg's Biggest Mistake? 'Betting on HTML5'". Mashable. נבדק ב-7 באפריל 2018. {{cite web}}: (עזרה)
  11. ^ Zuckerberg, Mark (2012-09-12). "Fireside Chat With Facebook Founder and CEO Mark Zuckerberg". TechCrunch (interview). נבדק ב-2021-08-16.
  12. ^ Warren, Christina. "Zuckerberg's Biggest Mistake? 'Betting on HTML5'". Mashable (באנגלית). נבדק ב-2020-10-29.
  13. ^ "A short Story about React Native". נבדק ב-16 בינואר 2018. {{cite web}}: (עזרה)
  14. ^ Christopher, Chedeau. "A Deep Dive into React Native". YouTube. נבדק ב-16 בינואר 2018. {{cite web}}: (עזרה)
  15. ^ "React Native: Bringing modern web techniques to mobile". 26 במרץ 2015. {{cite web}}: (עזרה)
  16. ^ "Bridging in React Native". 14 באוקטובר 2015. נבדק ב-16 בינואר 2018. {{cite web}}: (עזרה)
  17. ^ "How we build React Native app: 7 things which save your development time. Part 2". נבדק ב-2019-11-06.
  18. ^ "React Native Style". נבדק ב-24 בפברואר 2021. {{cite web}}: (עזרה)