ריאקט נייטיב
 | |
 | |
| מפתח |
מטא  |
|---|---|
| מחזור חיים |
2015–הווה (כ־8 שנים) |
| גרסה אחרונה |
0.72.7 (14 בנובמבר 2023) |
| מערכת הפעלה |
חוצה-פלטפורמות |
| נכתבה בשפות |
JavaScript, Objective-C, C++, Java, פייתון |
| סוג רישיון |
רישיון MIT |
| קוד מקור |
https://github.com/facebook/react-native |
| האתר הרשמי | |
  | |
ריאקט נייטיב (באנגלית: 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>
);
}
ראו גם[עריכת קוד מקור | עריכה]
קישורים חיצוניים[עריכת קוד מקור | עריכה]
אתר האינטרנט הרשמי של ריאקט נייטיב- אתר האינטרנט הרשמי של ריאקט נייטיב
ריאקט נייטיב, ברשת החברתית אקס (טוויטר)- אמיר עוז, 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.
- ^ 1 2 "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}}: (עזרה)