آموزش صفر تا صد react native

خیلی خرسندیم از اینکه با سری دیگر آموزش های گام به گام در خدمت شما هستیم. اینبار با آموزش ری اکت نیتیو React Native. قبل از شروع آموزش در اینترنت جستجو کردم و مطلب فارسی خیلی کمی در نت وجود داشت، بنابراین تصمیم بر این شد که آموزش جامع و گام به گام رو در سایت چسبون قرار بدم.

react native یک فریم ورک متن باز و رایگان از کمپانی فیس بوک هست که این امکان رو به شما می ده تا با زبان جاوا اسکریپت اپلیکیشن موبایل ایجاد کنید.

شما یک بار با زبان javascript کدنویسی می کنید و در خروجی هم کد Android و هم کد IOS تحویل می گیرید! آن هم به صورت native و نه حالت web view! عالی هست نه؟ بله شما با زبان جاوا اسکریپت می توانید بهترین اپلیکیشن ها را ایجاد نمایید. نمونه اپلیکیشنی که خیلی هم سر زبان ها هست می توان اپلیکیشن instagram و skype رو نام برد که با react native کد نویسی شده. اخیرا هم کمپانی مایکروسافت قراردادی با فیس بوک به امضاء رسونده مبنی بر اینکه فیس بوک خروجی برنامه ویندوز فون رو هم در react native قرار بده. این قابلیت بی نظیره که با زبانن جاوااسکریپت کدنویسی گوشی هوشمند رو انجام بدین. مخصوصا برنامه نویسان تحت وب که براشون سخته وارد کدنویسی اندروید و objective-c بشن این امکان فوق العاده هست که با دانش تحت وب خودشون اپلیکیشن موبایل ایجاد کنند. 

براتون چند مثال از قابلیت های این فریم ورک محبوب رو می گم:

1-زمان توسعه سریع

یکی از قابلیت های ری اکت این است که شما می توانید سریعتر کدنویسی کنید بنابراین زمان توسعه یک اپلیکیشن کاهش می یابد. فرض کنید یک اپلیکیشن ماشین حساب رو بخواهید با کدنویسی اندروید انجام بدین. من زمان تقریبی ساخت این اپلیکیشن رو 45 دقیقه تخمین میزنم. اما با React-Native میشه همین اپلیکیشن رو در 15 دقیقه کدنویسی کرد! حالا فرض کنید علاوه بر ماشین حسابی که با زبان اندروید نوشتید باید برای IOS هم همان ماشین حساب رو بنویسید! وای 45 دقیقه ضربدر 2 . 90 دقیقه ! حالا این که زمان طراحی و کدنویسی است. هزینه های دو برابر هم باید حساب شود. این یعنی دو برابر هزینه و 4 برابر زمان کدنویسی بیشتر بدون RN!

2-یک فریم ورک، چند سیستم عامل

همانطور که گفتم RN قادر هست به چند سیستم عامل از کد شما خروجی بگیرد.

3-Hot Reloading یا تست سریع

توسعه دهنده اندروید یا IOS که باشید حتما کامپایل کردن کد شما بر روی موبایل یا شبیه ساز زمان طولانی از شما میگیرد و سرعت کدنویسی شما را کاهش می دهد.اما به لطف بارگیری داغ (Hot Reloading) در react native می توان تغییرات در کدنویسی را بلافاصله بدون هیچ درد و اعصاب خوردی در خروجی مشاهده نمود و برنامه نویس بلافاصله خروجی کد خود را ببیند و یا اصلاح کند! این یک مزیت عمده برای توسعه دهندگان است و باعث افزایش بهره وری می شود و در واقع کل دوره توسعه را کاهش می دهد.

4-تیم برنامه نویسی کوچکتر

اگر شما یک شرکت دارید و قرار است چند برنامه نویس اندروید و IOS استخدام کنید، این کار مقرون به صرفه نیست. شما تنها به یک برنامه نویس جاوااسکریپت نیاز دارید که با RN آشنا باشد. بنابراین مدیریت شما آسان تر شده و خروجی کاری که می خواهید انجام شود در نسخه های اندروید و IOS با هم تفاوتی نخواهند داشت و همچنین هزینه برنامه نویسان متعدد را کاهش می دهید. 

5-اپلیکیشن سریع و قدرتمند

بسیاری معتقدند که کد React Native ممکن است عملکرد برنامه را مختل کندو یا جاوا اسکریپت به همان سرعت به عنوان کد بومی نخواهد بود، اما در بیشتر موارد، تفاوت را نمی بینید. ما یک آزمایش انجام دادیم و یک برنامه ساده را که در React Native و Swift نوشته شده بود مقایسه کردیم. تفاوت در عملکرد برنامه غیر قابل چشم پوشی بود و ما تفاوتی با کدنویسی بومی و جاوااسکریپت مشاهده نکردیم زیرا که react native در خروجی کد بومی به شما تحویل می دهد.

6-کدنویسی UI ساده

با دانش CSS خود بهترین UI ها را ایجاد کنید! این واقعا شگفت انگیز است که با CSS یک رابط کاربری زیبا برای اپلیکیشن موبایل طراحی کنید. 

7-نیاز به منابع کمتر برای کدنویسی

اگر اندروید استادیو و Intellij IDEA سیستم شما را کند می کنند و در واقع سیستم را منفجر می کنند ناراحت نباشید! RN نیاز به Editor قدرتمند ندارد. شما با ساده ترین ادیتورها می توانید کدنویسی را انجام دهید.

8-تیم توسعه بزرگ

ری اکت از تیم توسعه بزرگی برخوردار است که فیس بوک از آن پشتیبانی می کند. پس نگران نباشید. react native یک فریم ورک ماندگار خواهد بود.

همچنین جامعه برنامه نویسان بزرگی دارد و شما می توانید در صورت پیش آمدن مشکل، آن را با جامعه برنامه نویسان RN در میان بگذارید تا مشکل پیش آمده شما را رفع کنند.

چند تصویر از اپلیکیشن های طراحی شده با react native :

این بخش رو به معرفی این فریم ورک شگفت انگیز پرداختیم. در قسمت های آینده نحوه نصب و کدنویسی در محیط این فریم ورک رو آموزش می دیم خدمتتون.

اگر با اکما اسکریپت 6 اشنایی ندارید پیشنهاد می کنیم ابتدا فیلم آموزش فارسی اکما اسکریپت ES6 را مشاهده نمایید سپس آموزش React Native را دنبال نمایید.

آموزش های ویدئویی ری اکت نیتیو درحال برگزاری می باشد. در این لینک می توانید به ویدئو های آموزشی React Native دسترسی داشته باشید:

فیلم فارسی آموزش react native

با چسبون همراه باشید.