ריאקט נייטיב
שגיאת לואה ביחידה יחידה:תבנית_מידע בשורה 261: תבנית תוכנה ריקה. ריאקט נייטיב (באנגלית: 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);
ראו גם
הערות שוליים
- ^ "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.
- ^ 4.0 4.1 "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}}: (עזרה)
32217565ריאקט נייטיב