ריאקט נייטיב

מתוך ויקיפדיה, האנציקלופדיה החופשית
ריאקט נייטיב
React Native Logo.png
ReactNativeHelloWorld.png
מפתח מטא עריכת הנתון בוויקינתונים
תאריך השקה 2015 עריכת הנתון בוויקינתונים
גרסה אחרונה 0.68 (30 במרץ 2022) עריכת הנתון בוויקינתונים
נכתבה בשפות JavaScript, Objective-C, C++, Java, פייתון עריכת הנתון בוויקינתונים
סוג רישיון רישיון MIT עריכת הנתון בוויקינתונים
קוד מקור https://github.com/facebook/react-native עריכת הנתון בוויקינתונים
האתר הרשמי
לעריכה בוויקינתונים שמשמש מקור לחלק מהמידע בתבנית OOjs UI icon info big.svg

ריאקט נייטיבאנגלית: 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 נראית כך:

import { AppRegistry, Text } from 'react-native';
import * as React from 'react';

const HelloWorldApp = () => {
 return <Text>Hello world!</Text>;
}

export default HelloWorldApp;

AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);

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

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

  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 (בAmerican English). נבדק ב-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}}: (עזרה)