ריאקט נייטיב
תבנית תוכנה ריקה ריאקט נייטיב (באנגלית: 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.
{{cite web}}: (עזרה) - ↑ "Android Release for React Native". 14 בספטמבר 2015.
{{cite web}}: (עזרה) - ↑ "Building For TV Devices · React Native". reactnative.dev (באנגלית).
- ^ 4.0 4.1 "React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React". microsoft.github.io.
- ↑ "React Native for Apple TV". React Native for Apple TV (באנגלית אמריקאית).
- ↑ "React Native for Web".
- ↑ Windows Apps Team (13 באפריל 2016). "React Native on the Universal Windows Platform". blogs.windows.com.
{{cite web}}: (עזרה) - ↑ "Out-of-Tree Platforms". reactnative.dev. Facebook, Inc.
{{cite web}}: (עזרה) - ↑ "React Native in H2 2021 · React Native". reactnative.dev (באנגלית).
- ↑ "Zuckerberg's Biggest Mistake? 'Betting on HTML5'". Mashable.
{{cite web}}: (עזרה) - ↑ Zuckerberg, Mark (2012-09-12). "Fireside Chat With Facebook Founder and CEO Mark Zuckerberg". TechCrunch (interview).
- ↑ Warren, Christina. "Zuckerberg's Biggest Mistake? 'Betting on HTML5'". Mashable (באנגלית).
- ↑ "A short Story about React Native".
{{cite web}}: (עזרה) - ↑ Christopher, Chedeau. "A Deep Dive into React Native". YouTube.
{{cite web}}: (עזרה) - ↑ "React Native: Bringing modern web techniques to mobile". 26 במרץ 2015.
{{cite web}}: (עזרה) - ↑ "Bridging in React Native". 14 באוקטובר 2015.
{{cite web}}: (עזרה) - ↑ "How we build React Native app: 7 things which save your development time. Part 2".
- ↑ "React Native Style".
{{cite web}}: (עזרה)
ריאקט נייטיב32217565Q55774523