تخفیف ویژه دانشجویان چسبون ، برای اطلاع از جزئیات این تخفیف اینجا کلیک کنید
keyboard_return  چسبون مقالات آموزشی آموزش فارسی react native
  1. آموزش فارسی react native

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

خیلی خرسندیم از اینکه با سری دیگر آموزش های گام به گام در خدمت شما هستیم. اینبار با آموزش ری اکت نیتیو 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 :

ری اکت نیتیو


react


react-native

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

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

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

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

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

 

آموزش فارسی react native - 4.2 از 5 بر اساس 150 رای

امتیاز کاربران

آموزش فارسی react native
دیدگاه ها
حسن قلی | 1 ماه پیش
زبان اندروید نداریم که ، یکی از زبان های اصلی برای نوشتن برنامه های اندروید جاوا هست
آرمان بابائی | 1 ماه پیش
اندروید مشتق شده از جاوا هست و نه خود جاوا. هم میشه گفت زبان جاوا هم میشه گفت زبان اندروید.
حسن قلی | 1 ماه پیش
اندروید یکی از توزیع های سیستم عامل لینوکس هست. و جاوا زبان برنامه نویسی هست که می تونیم برای تمامی دستگاه ها برنامه نوشته و بدون محدودیت سیستم عامل اجرا کنیم
آرمان بابائی | 1 ماه پیش
اندروید از کرنل لینوکس استفاده می کنه و نمیشه گفت یک توزیع از لینوکس هست.
حاتم | 2 ماه پیش
با سلام آقا سال 97 هم تموم شد و شماهنوز این آموزش رو آپدیت نکردید. منتظریم. موفق باشید.
آرمان بابائی | 2 ماه پیش
سلام. تعداد ثبت نام کنندگان به حد نصاب که برسه دوره رو شروع میکنیم. ممنون از پیگیری شما.
داود | 2 ماه پیش
سلام. ممنون از آموزش های خوب و بیان عالی تون. لطفا آموزش ری اکت نیتیو رو ادامه بدید که جای خالی آموزش شما در اینترنت بشدت احساس میشه. موفق باشید.
آرمان بابائی | 2 ماه پیش
ممنون از فیدبک شما. حتما این دوره رو ادامه میدیم و از بهترین آموزش های فارسی خواهد بود.
حسن | 7 ماه پیش
سلام خسته نباشید.لطفا ری اکت رو ادامه بدید. ممنون
آرمان بابائی | 7 ماه پیش
سلام. حتما هم آموزش ویدیویی اضافه خواهیم کرد. هم مقاله.
حاتم | 7 ماه پیش
آقا عالیه، ادامه بدین و یه اپ کامل رو توی دستور کارتون قرار بدین. مخصوصا اتصال به سرور و خوندن دیتابیس. ممنون
آرمان بابائی | 7 ماه پیش
به زودی در ویدیوهای آموزشی تمامی مقوله ها رو کاملا شرح می دم.
حاتم | 7 ماه پیش
با سلام مجدد... آقا همچنان منتظر آموزش های شما هستم.
آرمان بابائی | 7 ماه پیش
سلام. خوشحالیم از پیگیری شما. درحال ساخت آموزش های ویدئویی هستیم.
حاتم | 6 ماه پیش
خیلی عالی
صفورا | 7 ماه پیش
مقاله بسیار مفیدی بود خواهش میکنم آموزش React رو ادامه بدید. سپاسگزارم
آرمان بابائی | 7 ماه پیش
خوشحالیم مورد رضایت شما قرار گرفته . حتما ادامه خواهد داشت.

2017 © Copyright کليه حقوق مادی و معنوی براي چسبون محفوظ است و هرگونه کپی برداری پیگرد قانونی دارد.