مضمون الدرس: التعريف بالفرق بين Ionic Vs React Native.

2. ‫هي‬ ‫ما‬REACT
•‫المستخدم‬ ‫مع‬ ‫تفاعلية‬ ‫واجهات‬ ‫لبناء‬ ‫سكريبت‬ ‫جافا‬ ‫مكتبة‬ ‫هي‬.
•‫تستخدم‬REACT‫إع‬ ‫دون‬ ‫المحتوى‬ ‫تحديث‬ ‫يتم‬ ‫حيث‬ ‫الصفحة‬ ‫وحيدة‬ ‫تطبيقات‬ ‫لبناء‬‫تحمي‬ ‫ادة‬‫ل‬
‫الصفحة‬.
•‫األخبار‬ ‫وآخر‬ ‫واإلشعارات‬ ‫المحادثة‬ ‫في‬ ‫بكثرة‬ ‫تستخدم‬.
•‫تقوم‬‫واجهة‬ ‫بتوليد‬‫بين‬ ‫تمزج‬ ‫بطريقة‬ ‫كاملة‬HTML‫و‬JAVASCRIPT‫وتسمى‬JSX‫تغني‬
‫الستخدام‬ ‫عن‬DOM

3. ‫تاريخ‬REACT
•‫فيسبو‬ ‫شركة‬ ‫في‬ ‫العاملين‬ ‫المهندسين‬ ‫أحد‬ ‫قبل‬ ‫من‬ ‫المكتبة‬ ‫هذه‬ ‫إنشاء‬ ‫تم‬‫ك‬JORDAN WALKE,
‫موقع‬ ‫في‬ ‫األخبار‬ ‫آخر‬ ‫قسم‬ ‫في‬ ‫األولى‬ ‫للمرة‬ ‫تطبيقها‬ ‫تم‬ ‫وقد‬‫الفيسبوك‬‫عام‬2011,‫عام‬ ‫وفي‬
2012‫موقع‬ ‫قام‬INSTAGRAM‫باستخدامها‬.
•‫عام‬ ‫في‬2013‫المصدر‬ ‫مفتوحة‬ ‫أصبحت‬.
•‫عام‬ ‫في‬2015‫عن‬ ‫فيسبوك‬ ‫أعلن‬REACT NATIVE‫مفتوحة‬ ‫أصبحت‬ ‫العام‬ ‫نفس‬ ‫وفي‬
‫المصدر‬.

4. ‫هي‬ ‫ما‬REACT

8. FAMOUS
REACT
USERS

9. REACT NATIVE
•‫موبايل‬ ‫تطبيقات‬ ‫لبناء‬ ‫عمل‬ ‫بيئة‬NATIVE‫ومكتبة‬ ‫سكريبت‬ ‫الجافا‬ ‫لغة‬ ‫باستخدام‬REACT.
•‫با‬ ‫مطور‬ ‫وكأنه‬ ‫يبدو‬ ‫سكريبت‬ ‫بالجافا‬ ‫المطور‬ ‫التطبيق‬ ‫جعل‬ ‫منها‬ ‫الهدف‬‫األ‬ ‫للغة‬‫م‬.
•REACT NATIVE => NATIVE FEELING APPLICATION

10. REACT NATIVE
‫عملها‬ ‫مبدأ‬:
•‫النظام‬ ‫في‬ ‫الموجودة‬ ‫الصفوف‬ ‫استدعاء‬ ‫خالل‬ ‫من‬ ‫الواجهات‬ ‫ببناء‬ ‫تقوم‬,‫اآلن‬ ‫في‬ ‫زر‬ ‫إلنشاء‬ ً‫ال‬‫مث‬‫تقوم‬ ‫درويد‬
‫صف‬ ‫باستدعاء‬ ‫المكتبة‬BUTTON‫وإنشاء‬INSTANCE‫منه‬.
•‫وت‬ ‫سكريبت‬ ‫الجافا‬ ‫دوال‬ ‫باستدعاء‬ ‫التطبيق‬ ‫يقوم‬ ‫التطبيق‬ ‫وظائف‬ ‫لتنفيذ‬‫خال‬ ‫من‬ ‫نفيذها‬‫ل‬
JAVASCRIPTCORE VIRTUAL MACHINE.
•‫باستدعاء‬ ‫يقوم‬ ‫أن‬ ً‫ا‬‫أيض‬ ‫سكريبت‬ ‫الجافا‬ ‫كود‬ ‫بإمكان‬‫مكتوبة‬ ‫دوال‬‫يستطي‬ ‫وبهذا‬ ‫األم‬ ‫باللغة‬‫مع‬ ‫التعامل‬ ‫ع‬
‫الواجهة‬ ‫عناصر‬.

11. REACT NATIVE

12. Ionic Vs React Native

13. Ionic Vs React Native
React NativeIonic
‫العمل‬ ‫ناحية‬ ‫من‬‫يعم‬ ‫أصلي‬ ‫تطبيق‬ ‫هو‬‫ل‬
‫طبقة‬ ‫في‬
Applications
‫على‬ ‫يعمل‬WebView

14. Ionic Vs React Native
React NativeIonic
‫ناحية‬ ‫من‬
‫الواجهة‬ ‫مكونات‬
‫ا‬ ‫باللغة‬ ‫مكتوبة‬‫ألم‬
‫التشغيل‬ ‫لنظام‬
‫بلغات‬ ‫مكتوبة‬
‫الويب‬

15. Ionic Vs React Native
React NativeIonic
‫اإلضافات‬ ‫ناحية‬ ‫من‬React Native
plugins
Cordova Plugins
Ionic Native

16. Ionic Vs React Native
React NativeIonic
‫اللغات‬ ‫ناحية‬ ‫من‬
‫المستعملة‬
JavaScript
JSX
Angularjs
Typescript

17. Ionic Vs React Native
React NativeIonic
‫التشغي‬ ‫أنظمة‬ ‫ناحية‬ ‫من‬‫ل‬
‫المدعومة‬
Android
IOS
Android
IOS
Windows Phone