آموزش نصب React Native

دسته بندی ها : وبلاگ 22 مرداد 1398 اندروید تاپ

React Native

در این مقاله قصد داریم آموزش نصب react native و توضیحاتی در باره ی این فریم ورک را به شما ارائه دهیم .
react native به شما این امکان را میدهد تا با استفاده از زبان جاوا اسکریپت (Java Script)  برنامه های موبایل برای سیستم عامل های اندروید و آی او اس بسازید .
با استفاده از react native شما میتوانید رابط کاربری بسیار قوی و بهینه ای را برای اپلیکیشن های خود بسازید .

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

یکی از مزیت های مهم فریم ورک react native که آن را از بقیه فریم ورک های طراحی اپلیکیشن برتر جلوه میدهد داشتن قابلیت خروجی گرفتن برنامه برای هر دو سیستم عامل android و ios است . به این معنی که شما یک اپلیکیشن را کد نویسی کرده و میتوانید از آن هم خروجی android و هم خروجی ios دریافت کنید .
این عمل باعث صرفه جویی در زمان و سرعت بخشیدن به کار میشود .
نیازی نیست برای استفاده از react native از ادیتور هایی مثل android studio و Xcode برای ساخت اپلیکیشن استفاده کنید شما میتوانید از هر ادیتوری که میخواهید استفاده کنید که امروزه محبوب ترین آن Visual Studio Code نام دارد .

یکی دیگر از قابلیت های مهم آن مشاهده تغییرات اعمال شده خود بلافاصله پس از ذخیره کردن است . ” ذخیره کنید ، ببینید ، تکرار کنید ”
جمعیت استفاده کننده از react native بسیار زیاد است و شما میتوانید به راحتی پاسخ سوال های خود را پیدا کنید .

JavaScript

همانطور که گفتیم زبان برنامه نویسی که فریم ورک react native با آن سرو کار دارد جاوا اسکریپت است . جاوا اسکریپت یک زبان برنامه نویسی کاملا سبک ، تفسیر شده است که بیشتر به عنوان زبان برنامه نویسی صفحات وب شناخته شده است اما محیط های غیر مرورگری دیگری هم از این زبان استفاده می کنند مانند react native .

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

روش های نصب react native

نصب react native بسیار سخت و زمان بر هست زیرا در هنگان نصب ممکن است به هزاران ارور مختلف بر بخورید . نکته ای که در نصب وجود دارد این است که اگر شما از سیستم عامل ویندوز استفاده میکنید فقط میتوانید اپلیکیشن اندروید طراحی کنید زیرا لازمه ساخت این اپلیکیشن android studio است که هم برای سیستم عامل ویندوز هم مک در دسترس است اما برای ساخت اپلیکشن ios در react native شما احتیاج به xcode دارید که فقط در سیستم عامل مک قابل دسترسی است .
شما با نصب این برنامه ها یعنی android studio و Xcode قابلیت ساخت این اپلیکیشن را در react native پیدا میکنید و از همه مهم تر میتوانید با استفادهاز این برنامه ها یک شبیه ساز اندروید یا ios دز سیستم عامل خود بسازید که بتوانید تغییرات اعمال شده روی برنامه خود را توسط این شبیه ساز ها مشاهده کنید.

روش نصبی که اخیرا شرکت فیسبوک آن را پیشنهاد میدهد و یک روش جدید و نوین در نصب react native است ، روش استفاده از Expo است .
Expo یک محیط توسعه یافته از طریق وب برای شما فراهم میکند که بتوانید تغییرات اعمال شده روی پروژه خود را روی دستگاه موبایل خود و یا تحت وب مشاهده کنید .
روش کار به اینصورت است که شما پروژه خود را با استفاده از Expo ایجاد میکنید ، سپس Expo شما را به صفحه ای از وب میبرد که در آنجا شما میتوانید تغییرات برنامه خود را مشاهده کنید همچنین شما میتوانید با اسکن کردن Qr Code که در این صفحه قرار دارد تغییرات اعمال شده روی اپلیکیشن را در گوشی خود مشاهده کنید . (دقت داشته باشید که برنامه Expo را روی گوشی خود نصب کرده باشید)

نصب react native

اولین قدم برای راه اندازی react native ، نصب Node Js و SDK8kit است . سپس Command Prompt را باز کرده و دستور زیر را اجرا کنید :

npm install -g expo-cli

این دستور پکیج های Expo و npm را در دستگاه شما نصب میکند . (در نظر داشته باشد که برای به مشکل نخوردن در نصب حتما از یک برنامه تغییر ip و یا از DNS سایت shecan.ir استفاده کنید)

بعد از نصب Expo کافی است کد زیر را وارد کرده تا یک پروژه ایجاد کنید . دقت داشته باشید که برای تعیین محل نصب پروژه خود باید آن آدرس را در Command Prompt ردیابی کنید برای مثال اگر شما میخواهید در Desktop پروژه خود را ایجاد کنید باید دستور cd Desktop را وارد کنید و سپس کد زیر را برای ساخت پروژه وارد کنید :

expo init myproject

حال دستور cd my project را وارد کنید تا به محل نصب پروژه خود وارد شوید و سپس دستور زیر را وارد کنید تا پروژه شما آغاز شود :

expo start

چند دقیقه صبر کنید تا پروژه آغاز شود و صفحه ای به نام Expo در مرورگر شما باز شود .
حال کافی است که ادیتور مورد نظر را نصب کرده تا برنامه نویسی و ساخت اپلیکیشن خود را شروع کنید . ادیتوری که ما به شما پیشنهاد میدهیم visual studio code نام دارد  آن را نصب کرده و سپس گزینه open folder را زده و فولدر پروژه ای که ساخته بودید را باز کنید .
حالا همه چی آمادست فقط کافیه طراحی خودتون رو شروع کنید و برای مشاهده تغییرات ، Qr code داده شده توسط Expo را اسکن کنید و اپلیکیشن مورد نظر را توسط گوشی خود مشاهده کنید .

اندروید تاپ مرادی
اندروید تاپ

مدیر وبسایت سورس آباد، علاقه‌مند به دنیای وب، اندروید و بازاریابی اینترنتی که دوست دارم تجربیاتم رو با دیگران به اشتراک بگذارم.

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) عضویت در کانال

نظرات کاربران

لطفاً براي ارسال دیدگاه، ابتدا وارد حساب كاربري خود بشويد

لینک کوتاه :

عضویت در خبرنامه ویژه مشتریان سیگما پلاس

با عضویت در خبرنامه ویژه سیگما پلاس از آخرین جشنواره های سایت باخبر شوید!