خمسة أسباب تجعل مطوري الويب يحبون React Native

React Native هو مستقبل تطوير التطبيقات الحديثة

ينضم المزيد والمزيد من مطوري الويب إلى نظام بناء التطبيقات. وفقًا لموقع stateofjs.com ، يهتم 78٪ من المطورين بالتعرف على الطفل الجديد في الكتلة: React Native. بالإضافة إلى ذلك ، تتمتع React Native بتصنيف فائدة مرتفع بنسبة 92٪ - ولسبب وجيه للغاية.

كما تعلم على الأرجح ، هناك عدد قليل من الحلول الأخرى متعددة المنصات ، مثل Cordova و PhoneGap ، لكن لها ثمن: سعر الاعتماد فقط على متصفح الهاتف ومحرك JavaScript المدمج به ، والذي غالبًا ما يكون أبطأ بكثير من تشغيل التعليمات البرمجية الأصلية ، كما يفعل React Native.

إذن ما الذي يجعل React Native مميزًا جدًا؟ فيما يلي قائمة بأهم خمسة أشياء تهم مطوري الويب بشكل أساسي.

1. يمكنك إنشاء تطبيقات أصلية

كما خمنت على الأرجح من الاسم نفسه ، يتيح لك React Native إنشاء تطبيقات أصلية. تعد كوردوفا وأنواع أخرى من الأطر ، مثل Sencha Touch أو Ionic ، حلولًا هجينة ، ومعها لن تحقق أبدًا شكل التطبيق الأصلي ومظهره.

إنها الأشياء الصغيرة التي تهم: التمرير السريع أو السريع ، والانتقالات بين الشاشات ، والرسوم المتحركة المخصصة تمامًا ، والتنقل المخصص ، وما إلى ذلك. إذا سبق لك العمل مع React على الويب ، فأنت جاهز للاستمتاع لأنك ستشعر وكأنك في المنزل.

على الرغم من أنك تكتب JavaScript ، فأنت لا تستخدم عرض الويب لتقديم المكونات. تعرض React Native مكونات أصلية حقيقية ، ويمكنك استخدام مكونات خاصة بالمنصة ، مثل مؤشر النشاط ، والتي ستمنح كل منصة مظهرًا ومظهرًا يمكن التعرف عليهما. كانت المشكلة الرئيسية في التقنية المختلطة سابقًا هي أن المتصفح المضمن لا يعمل بشكل جيد بما فيه الكفاية. لم يتم تحسينه ، وقدم أداء ضعيفًا.

من وجهة نظر التكنولوجيا ، فإن أكبر منافس لـ RN هو Xamarin ، والذي يتيح لك تطوير تطبيقات للعديد من الأنظمة الأساسية: Mac و Windows و iOS و Android و Windows Phone ، سمها ما شئت. يعمل البرنامج النصي الأصلي أيضًا بنفس الطريقة.

Xamarin ، على سبيل المثال ، رائع لأنه يحتوي على IDE أنيق (VS) ، ولكن عليك استخدام C #. نظرًا لأنك مطور ويب ، فمن المحتمل أنك لا تعرف C # جيدًا ، ومن المحتمل أن تكون أكثر دراية بـ JavaScript.

يعمل React Native بشكل مشابه لجافا سكريبت نظرًا لأنك تكتب رمزًا باستخدام JS نفسه (يمكنك أيضًا استخدام Angular.js ، على سبيل المثال). علاوة على ذلك ، تمت ترقية JS بشكل مذهل بمعايير مثل ES6 و ES7. ناهيك عن مدى ضخامة وقوة مجتمع JS.

أوصي بهذا الحديث كمقدمة لـ React Native حتى تتمكن من معرفة كيفية عملها.
https://www.youtube.com/watch؟v=KVZ-P-ZI6W4
أو إذا كنت قارئًا أكثر ، فحاول قراءة منشور المدونة هذا.

2. من السهل التعلم

هذا دائمًا شيء جيد ، أليس كذلك؟ إنها أيضًا واحدة من أعظم نقاط القوة في React Native. إنه مقروء مثل كتاب الأطفال ، لذا يمكنك إلقاء نظرة عليه. مع الأطر الأخرى ، عادة ما تضطر إلى تعلم قائمة طويلة من المفاهيم. بمرور الوقت ، حسّن Facebook بشكل ملحوظ وثائقه الرسمية React Native. لقد أضافوا مؤخرًا قسم الأساسيات ، وهو حقًا طريقة ذكية وذكية لتعلم RN لأنه يشرح كل ما تحتاج إلى معرفته في دورة مكثفة مباشرة.

إذا كنت تعرف JavaScript ، فأنت محظوظ. يستخدم React Native ES6. لا تزال غير مألوفة مع ES6؟ إليك برنامج تعليمي يشرح بعض تفاصيل ES6 التي ستجعل تطوير JavaScript أسهل كثيرًا. يستخدم JSX ، والذي يشبه بشكل أساسي HTML. الأنماط شبيهة جدًا بـ CSS ، لكنها مكتوبة داخل مكونات وليست في ملف واحد منفصل. هناك إيجابيات وسلبيات لهذا النهج ، وقد تمت كتابة العديد من المقالات حوله. لذا حقًا ، كل ما تحتاج إلى معرفته هو React .

رد الفعل سهل. تخيل مكون div يسمى "View" ومكوِّن نص آخر يسمى "Text". هذا هو أساسًا الصلة بين React Native و React.js.

النمط مشابه جدًا لـ CSS ، إلا أنه مضمن في المكون نفسه وليس في ملف منفصل.

هذا سهل حقًا ، أليس كذلك؟ بالنسبة للمبتدئين ، يجب أن تتعرف على دورة حياة React وحالاتها ودعائمها. صدقني ، كل شيء ينحدر من هناك.

3. توفر بيئة مألوفة

هناك مجموعة من الأدوات التي لا يزال بإمكانك استخدامها والتي تعرفها بالفعل كمطور ويب. إذا كنت تستخدم DevTool لمتصفح Chrome أو Web Storm أو VS Code أو Sublime ، فيمكنك الاستمرار في استخدامها أو استخدام المحرر الذي تختاره. بعد كل شيء ، ما زلت تكتب بشكل عملي HTML و CSS و JavaScript.

هل اعتدت على تحويل الشفرة باستخدام Webpack أو Grunt أو Gulp؟ React Native يفعل ذلك من أجلك. يتوفر ES6 وبعض ميزات ES7 الرائعة ، مثل Object Spread ، مباشرة خارج الصندوق لأن RN تستخدم ناقل بابل.

الشيء الآخر الذي سيجعل الأشياء ، إن لم يكن مألوفًا ، فمن الأسهل بالتأكيد العمل معه Nuclide ، بيئة تطوير متكاملة (IDE) يبنيها Facebook لمنح المطورين بيئة تطوير من الدرجة الأولى لـ React Native.
من المهم ملاحظة أن التدفق الذي اعتدت عليه لا يزال يعمل. تمامًا مثل العمل على الويب ، يؤدي تحديث index.html إلى تحديث الصفحة بأكملها. يتيح لك Hot Reloading تحديث الكود بسهولة ورؤية التغييرات في تطبيقك على الفور. تمامًا مثل الويب. والأفضل من ذلك ، اضغط على CMD + D في جهاز المحاكاة وستحصل على عدد من الخيارات للاختيار من بينها.

4. لديها مجتمع نشط

نظرًا لأن هذه المنطقة جديدة جدًا ومجهولة ، فإن الكثير من المطورين يبذلون قصارى جهدهم لبناء شيء مفيد للآخرين وكشف النقاب عن الإمكانات الحقيقية لـ React Native.

ستمنحك مجموعات Facebook نظرة عامة رائعة وتبقيك على اطلاع دائم بالأخبار ذات الصلة ، لذلك ، هناك احتمال ضئيل بأن تفوتك شيئًا مهمًا إذا كنت تتابع هذه المجموعات. المجموعة الأكبر والأكثر نشاطًا هي React Native Community ، والتي تقدم منشورات يومية حول مجموعات الأدوات والمكونات والتطبيقات الجديدة وإجابات على الأسئلة حول React Native ، من الأسئلة الأساسية إلى مشاكل المطورين الخطيرة. هذا يجعله مكانًا جيدًا لجمع المعلومات وتعلم شيء ما أيضًا.

إذا كنت قارئًا أكثر ، فإن Medium تزدهر أيضًا بشأن React Native. هناك عدد قليل من المنشورات ، ولكن أفضل طريقة للبحث فيها هي اتباع علامة React Native. عندما تواجه مشكلة ، قم بزيارة Stack Overflow ، حيث ستجد الكثير من النصائح والحلول للمشاكل. فيما يتعلق بالبرمجة بشكل عام ، فإن المبرمجين معتادون إلى حد ما على إيجاد الأشياء التي وجد شخص ما حلًا لها. عندما تواجه مشكلات مع React Native ، يمكنك العثور على التعليمات البرمجية التي كتبها شخص آخر وإعادة استخدامها على الفور.

مثال على مجتمع Github الرائع هو مجتمع React Native ، والذي يشبه إلى حد بعيد مجتمع ReactJS المتميز.

هناك أيضًا الكثير من الأحداث التي تحدث للتركيز على React Native. يتم تنظيم الأحداث الأكثر شعبية من خلال Meetups. تقام هذه الأحداث في جميع أنحاء العالم كل بضعة أسابيع. أكبرها بالتأكيد هو React Native San Francisco ، ولكن في وقت كتابة هذا التقرير ، كان آخرها في نيويورك. استضاف أكثر من 100 من مطوري React Native النشطين. هناك أيضًا الكثير من المؤتمرات مثل React Europe ، والتي شارك فيها 1000 مشارك هذا العام!
بشكل عام ، لدى React Native أكثر من 40 ألف نجمة على GitHub وأكثر من 9K متفرع . تضم مجموعات Facebook المخصصة لها أعضاء 7K ، ويتم كتابة الكثير من المقالات الجديدة حول هذا الموضوع كل يوم.

5. إنه يوفر إطار عمل متعدد المنصات للمستقبل

كانت كلمة "عبر النظام الأساسي" تترك طعمًا سيئًا في فمي. لكن صدقني ، هذا مختلف. مع React Native ، أنت لا تبني تطبيقات جوال أصلية حقًا ؛ أنت تبني تطبيقات لجميع الأنظمة الأساسية. وعندما أقول جميع المنصات ، لا أقصد فقط iOS و Android ؛ أعني أجهزة التلفزيون الذكية وأجهزة Xbox وأجهزة Windows وجميع أنواع الساعات الذكية والسيارات وسماعات رأس VR ، وحتى الثلاجات.

ناهيك عن أن الهواتف الذكية نفسها أصبحت آلات قوية. لقد تغير الزمن حقًا منذ نموذج "الجوال أولاً" بالكامل ، بل إن بعض المطورين يتحدثون عن " أصلي أولاً ".

لا تزال التكنولوجيا جديدة تمامًا ، ولكن هناك بعض تطبيقات React Native الممتازة في الوقت الحالي. هل ما زلت غير مقتنع بأنه إطار عمل المستقبل؟ شاهد هذا العرض وسوف كل شيء في مكانه.

جربها! حان الوقت لتصبح مطورًا للهواتف المحمولة

كما أوضحنا ، فإن إطار العمل هذا له بالفعل إمكانات ، وليس فقط لمطوري الويب. منطق التنمية بأكمله يستخدم المبادئ الحديثة ؛ سير العمل فعال وسهل وسريع التعلم ؛ المزيد والمزيد من المنصات تستخدمه ، وكل ذلك مجرد البداية. هذا هو المكان الذي تأتي فيه: مطور React Native جديد ، يعمل على حل المشكلات ، وتقديم أفكار جديدة لهذا الإطار سريع التطور للمستقبل.