آموزش برنامه نویسی با React Native
برنامه نویسی اپلیکیشن های اندروید و IOS بصورت همزمان بدون درگیری با چندین زبان برنامه نویسی مختلف اولین ایده بوجود آورنده React Native بود . هر چند که تلاش های زیادی تو این زمینه انجام شد ولی نتیجه مطلوبی بوجود نیومد تا اینکه فیسبوک پا به میدان گذاشت. در ابتدای سال 2013 اولین نسخه stable از کتابخانه ریکت در جاوا اسکریپت رو بصورت open-source روی GitHub منتشر کرد. اسم این کتابخانه ReactJs بود که برای توسعه وب اپلیکیشن ها مورد استفاده قرار می گرفت .این کتابخانه سرعت بسیار بالاو سادگی خاصی داشت که باعث شد خیلی سریع مورد توجه قرار بگیره. اواخر مارچ 2015 بود که فیسبوک یک فریم ورک جدید به اسم React Native منتشر کرد که بهت اجازه میداد فقط با استفاده از جاوا اسکریپت و کتابخونه React اپلیکیشن موبایل برای ios بسازی. فیسبوک شش ماه بعد گام اصلی و محکم رو با انتشار React Native برای Android برداشت . توسعه دهنده ها دیگه مجبور به نوشتن کدهای جدا از هم برای سیستم عامل های مختلف نبودن و استارتاپ ها و صاحبان کسب کار به توسعه دهنده هایی دسترسی پیدا کردند که برای هر دو سیستم عامل َAndroid و IOS اپلیکیشن طراحی میکردند.
حالا بریم سراغ معرفی خود ریکت نیتیو ”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 “ریکت نیتیو” می پردازیم به :
- 1 – مقدمه ای بر React Native
- 2 – نصب و راه اندازی محیط توسعه React Native
- 3 – نحوه استفاده از داکیومنت React Native
- 4 – آشنایی با کامپوننت ها
- 5 – استایل دهی در ریکت نیتیو
- 6 – معرفی State ها
- 7 – کامپوننت های نوع کلاسی و تابعی
- 8 – بررسی چند کامپوننت در ریکت نیتیو
- 9 – کار با Prob ها در ریکت
- 10 – برنامه نویسی و اجرای یک اپلیکیشن ساده با ریکت نیتیو
هیچ دیدگاهی برای این محصول نوشته نشده است.