مقدمه ساخت اپلیکیشن با React Native

تصویر شاخص

آموزش مقدماتی و عملی ریکت نیتیو ‘ React Native ‘ و ساخت اپلیکیشن Android , IOS بصورت همزمان برای کسانی که با زبان برنامه نویسی جاوا اسکریپت آشنا هستند

دسترسی آنی
تضمین کیفیت
بازگشت وجه
قوانین و مزایای استفاده

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

  • دسترسی به فایل محصول به صورت مادام‌العمر
  • تضمین کیفیت آموزش ها
  • فعال‌سازی آنی لینک دانلود، پس از ثبت سفارش
  • به صورت رایگان یک یا چند آموزش را دریافت می کنید.

آموزش برنامه نویسی با React Native

برنامه نویسی اپلیکیشن های اندروید و IOS بصورت همزمان بدون درگیری با چندین زبان برنامه نویسی مختلف اولین ایده بوجود آورنده React Native بود . هر چند که تلاش های زیادی تو این زمینه انجام شد ولی نتیجه مطلوبی بوجود نیومد تا اینکه فیسبوک پا به میدان گذاشت. در ابتدای سال 2013 اولین نسخه stable از کتابخانه ریکت در جاوا اسکریپت رو بصورت open-source روی  GitHub منتشر کرد. اسم این کتابخانه ReactJs بود که برای توسعه وب اپلیکیشن ها مورد استفاده قرار می گرفت .این کتابخانه سرعت بسیار بالاو سادگی خاصی داشت که باعث شد خیلی سریع مورد توجه قرار بگیره. اواخر مارچ 2015 بود که فیسبوک یک فریم ورک جدید به اسم React Native منتشر کرد که بهت اجازه میداد فقط با استفاده از جاوا اسکریپت و کتابخونه React اپلیکیشن موبایل برای ios بسازی. فیسبوک شش ماه بعد گام اصلی و محکم رو با انتشار React Native برای Android برداشت . توسعه دهنده ها دیگه مجبور به نوشتن کدهای جدا از هم برای سیستم عامل های مختلف نبودن و استارتاپ ها و صاحبان کسب کار به توسعه دهنده هایی دسترسی پیدا کردند که برای هر دو سیستم عامل َAndroid و IOS  اپلیکیشن طراحی میکردند.

آموزش react native

حالا بریم سراغ معرفی خود ریکت نیتیو ”React Native” که اصلا  چرا این اسمو براش گذاشتن و ساختارش به چه شکلی هست! صفحه وب رو در نظر بگیرید  ، فریمورک های معرفی شدن که این قابلیت رو دارن که یک صفحه وب یا همون HTML رو به نحوی در موبایل نمایش بدن که شبیه به اپلیکیشن موبایل باشه ولی خب در واقع اپلیکیشن نیستن فرض کنیم یه اسمی دیگه ای دارن مثلا وب اپ میتونه باشه ، حالا کاری نداریم که این اسم هم مناسب نیست اما میخوام ذهنیت برای درک بهتر این موضوع رو پیدا کنید ! ولی با معرفی ریکت توسعه دهنده ها به این فکر افتادن که چرا با html کار کنیم ؟ بیایم چیزی رو طراحی کنیم که باهاش بشه یکبار کد رو نوشت و در هر سیستم عاملی این کد به زبان اصلی اون تبدیل بشه. این موضوع نیتیو یا Native رو ساخت ، به این معنی که اپلیکیشن اندروید با زبان محلی خودش و Ios هم با زبان محلی خودش رندر یا اجرا بشه !

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

مقدمه ای بر ساختار React Native

اگه تا بحال با زبان جاوا در اندروید استودیو کار کرده باشید میدونید که روش کار بصورت کلی چه شکلیه!  بطور مثال میگم : شما یک پروژه جدید میسازی یکسری تنظیمات اولیه انجام میدی مثلا ورژن سیستم عامل هایی رو که میتونن این اپ شمارو اجرا کنند رو مشخص میکنی و … . مرحله بعد شروع کار برنامه نویسی هستش که پوشه بندی هاتو درست میکنی ، فایلهارو ایجاد میکنی و کدهاتو مینویسی! توی Android Studio این شکلیه که هر وقت میخوای پروژه رو Run کنی باید امولاتور Emulator (شبیه ساز اندروید) رو اجرا کنی ، پروژتو بیلد Build بگیری و فایل apk رو در امولاتور نصب و اجرا کنی حالا کاری نداریم اجرا میشه یا نه! حتی میتونی گوشیتو وصل کنی به سیستم درایورشو نصب کنی و بعد از اینکه بیلد گرفتی فایل رو مستقیم روی گوشیت نصب و اجرا کنی! خب خیلیم زیبا همه چی اوکیه اصلا نمیخوام نقد کنم فقط مرور کردیم. 

 

آموزش عملی ریکت نیتیو

حالا میخوام برم سمت کجا ؟ React Native ! اینجا چطوریه ؟ به این شکل که یه کامپایلر نصب میکنی مثلا VSCode بعد باید یکسری پیش نیاز هارو نصب کنی که توی دوره آموزشی میگم چیا هستن ! با استفاده از پکیج نود با یک Command در Terminal کتابخانه ریکت نیتیو رو نصب میکنی و بعدش با یک دستور دیگه اولین پروژه خودت رو میسازی! اینجا ریکت میاد خودش تمام فایل هایی رو که نیاز داری میسازه و بر اساس ورژن فعلی یکسری تنظیمات رو بصورت پیش فرض قرار میده که اگر بخوای اونها رو تغییر بدی باید بری داخل چند تا فایل اصلی و کدها رو اونطوری که میخوای شخصی سازی کنی ! اینجا دیگه کار آمادس که پوشه بندیتو انجام بدی ، فایلهارو ایجاد کنی و شروع کنی به کد نویسی! اما برای اجرا و تست برنامه چکاری باید انجام داد ؟ چندتا راه کار وجود داره من از ساده ترین و سریعترین راه شروع میکنیم ، یعنی میام نرم افزاری رو روی موبایلم (فرقی نمیکنه IOS یا Android ) نصب میکنم بنام Expo ، همزمان کتابخانه Expo هم توی VsCode نصب میکنم و با یک فرمان اجراش میکنم ! حالا اگه هر دو یعنی سیستم و گوشی من اگر به اینترنت متصل باشن بدون نیاز به نصب اپلیکیشن با یک کامند برنامه رو تست و اجرا میکنم! اینم بگم که یکی از لذت های توسعه دهنده جاوا اسکریپت بودن اینه که بدون نیاز به بیلد مجدد پروژه میتونم با سیو کردن کدها (Ctrl+s) تغییرات رو توی اپلیکیشن ببینم. این فوق العادس و خیلی سریع ، تمیز و هیجان انگیزه! علاوه بر گوشی میتونم امولاتور رو روی سیستم نصب کنم مثلا Nox بعد همه این مراحل رو اونجا انجام بدم بجای گوشیم!

خب خیلی کلی روش پیاده سازی یک برنامه رو گفتم از زبان یه معلم نبود ولی فکر میکنم برنامه نویسا با این مدلی صحبت کردن و شنیدن راحت تر باشن 🙂 ! نه؟

اگر میبینی چیزی راجب کار کردن توی Xcode یا برنامه نویسی با Swift برای ios نگفتم چون تجربه ای نداشتم ! حالا بریم ببینیم چی میشه !!!!

آموزش ریکت نیتیو

ریکت نیتیو را از کجا شروع کنیم ؟

الان بریم کارمونو شروع کنیم ! برای شروع Vscode رو نصب میکنیم باهم بعد کتابخونه هایی رو که نیاز داریم Attach میکنیم (خارجی شدم :))) ! ) 

کلیاتی رو راجب React Native بهتون میگم که باید بدونید و چیزهایی رو که نمیگم رو باید زحمت بکشید برید خودتون پیدا کنید! ولی ازشون استفاده میکنیم که قشنگ یاد بگیریم بعدش یه پروژه ساده یا یک اپلیکیشن ساده باهم شروع میکنیم که خیلی موضوعات رو اونجا یاد میگیریم! قطعا برای خود من هم خیلی خوب میشه! فقط لطفا جاوا اسکریپت رو بلد باش ، نیازی نیست حرفه ای باشی ولی حداقلی هارو باید بدونی چون نمیخوایم از مقدمات جاوا اسکریپت خیلی صحبت کنیم !

react native

سرفصل های دوره مقدماتی برنامه نویسی React Native

در این آموزش برنامه نویسی React Native “ریکت نیتیو” می پردازیم به :

  • 1 – مقدمه ای بر React Native
  • 2 – نصب و راه اندازی محیط توسعه React Native
  • 3 – نحوه استفاده از داکیومنت React Native
  • 4 – آشنایی با کامپوننت ها
  • 5 – استایل دهی در ریکت نیتیو
  • 6 – معرفی State ها 
  • 7 – کامپوننت های نوع کلاسی و تابعی
  • 8 – بررسی چند کامپوننت در ریکت نیتیو
  • 9 – کار با Prob ها در ریکت
  • 10 – برنامه نویسی و اجرای یک اپلیکیشن ساده با ریکت نیتیو
ساخت اپلیکیشن با ریکت نیتیو
دیدگاهتان را با ما درمیان بگذارید
تعداد دیدگاه : 0
امتیاز کلی : 0.0
پیشنهاد شده توسط : 0 کاربر
بر اساس 0 دیدگاه
0
0
0
0
0

هیچ دیدگاهی برای این محصول نوشته نشده است.

لطفا پیش از ارسال نظر، خلاصه قوانین زیر را مطالعه کنید:

فارسی بنویسید و از کیبورد فارسی استفاده کنید. بهتر است از فضای خالی (Space) بیش‌از‌حدِ معمول، شکلک یا ایموجی استفاده نکنید و از کشیدن حروف یا کلمات با صفحه‌کلید بپرهیزید.

نظرات خود را براساس تجربه و استفاده‌ی عملی و با دقت به نکات فنی ارسال کنید؛ بدون تعصب به محصول خاص، مزایا و معایب را بازگو کنید و بهتر است از ارسال نظرات چندکلمه‌‌ای خودداری کنید.
اولین کسی باشید که دیدگاهی می نویسد “مقدمه ساخت اپلیکیشن با React Native”

نشانی ایمیل شما منتشر نخواهد شد.

رایگان

تعداد دانشجو : 0
تاریخ انتشار: 25 شهریور 1401آخرین بروزرسانی: 26 شهریور 1401تعداد بازدید: 17
مدرس

امیر محمد احمدی فر

امتیازی ثبت نشده است