بسم الله الرحمن الرحیم.
امروز شروع به گذاشتن آموزش ری اکت میکنم (البته react native نه react Js).
اول یه توضیح مختصر در مورد ری اکت نیتیو بدم: بد نیست بدونید که توسط فیسبوک ساخته شده و برای ساخت اپلیکیشن های هیبریدی یعنی هم اندروید و هم ios هست و شما با نوشتن یک کد میتونید برای هر دو خروجی بگیرید
(البته بعضی جاها بعضی از کدها مخصوص اندروید و بعضی ها مخصوص ios هستن که با گذاشتن یک شرط و چک کردن پلتفرم مشکل حل میشه) البته گفته باشم که خروجی ios به این راحتی ها نیست و حداقل برای اینکه روی گوشی ایفونتون نصب بشه نیاز به مکینتاش دارید دیگه حالا ساین و ایناش بماند که نیاز به اکانت دولوپر اپل (سالی 99 دلار) دارید.
مرحله اول: نصب node و npm
برای شروع کار ابتدا npm رو با node روی سیستمتون نصب کنید شاید بپرسید node و npm چیه
تا جایی که من سر در میارم node یه پلتفرم بر اساس جاوا اسکریپته مثل قبلا که با php برنامه مینوشتیم الان میتونیم برای سرورهامون با جاوا اسکریپت کد بزنیم (چه باحال)
خب npm چیه؟ npm مخفف Node Package Manager هست که به معنای مدیریت پکیج های نُد هست یعنی کتابخونه های مربوط به node اونجا هستن البته الان دیگه گسترش پیدا کرده و نقریبا همه چیز توش پیدا میشه پس تا اینجا شما باید node رو از اینجا دانلود کنید و روی کامپیوترتون نصب کنید که اتوماتیک وار باهاش npm هم نصب میشه
برای اینکه مطمئن بشید npm نصب شده cmd رو اجرا کنید و توش بنویسید npm --v باید یه نیم خط نسخه npm نصب شده رو بنویسه
خب تا اینجای کار node و npm نصب شد حالا وارد مرحله بعد میشیم
مرحله دوم: نصب React Native
با وارد شدن به سایت اصلی React Native متوجه طریقه نصبش میشیم اولین کار اینه که توی cmd برای نصب react native کد زیر رو تایپ (یا کپی) کنید
npm install -g create-react-native-app
مرحله سوم: ساخت اولین پروژه (روش سریع)
حالا باید بعد از نصب شدن توی cmd دستور زیر رو اجرا کنید
create-react-native-app AwesomeProject
این کد کارش اینه که براتون توی جایی که خط فرمان داره اجرا میشه یه فولدر به نام AwesomeProject میسازه و توش فایل فایل های لازم رو میریزه و شما با رفتن به داخل پوشه یعنی اجرای دستور cd AwesomeProject باید دستور بعدی رو اجرا کنید
npm start
کار این دستور راه اندازی یه سرور هست که به شما اجازه میده با برنامه ای که از خودشون هست به نام expo گوشی رو به کامپیوتر متصل کنید و به سرعت شروع به ساختن برنامه کنید در این قسمت ما اصلا هیچ فایل apk نمیسازیم و همه چیز با expo که رو گوشیتون نصب میشه و بعد به کامیپوتر وصل میشه انجام میدیم
به خاطر همینه اسمش روش سریع هست توی این روش شما دو فولدر android و ios رو نخواهید داشت همچنین فایل index.js رو هم ندارید و نمیتونید خروجی apk بگیرید ولی با expo میتونید به سرعت وارد عمل بشید و کد جاوا اسکریپتتون رو بزنید
خوبی این روش همین سریع بودنش هست و اینکه به سرعت وارد کد نویسی میشید در حالی که در روش بعدی شما برای اجرا کردن برنامه نیاز دارید که هر وقت که خواستید اجرا کنید از کد react-native run-android استفاده کنید که خودش چند دقیقه زمان از شما میگیره ولی خب دیگه هر وقت خواستید میتونید اراده کنید و برنامه رو از روی گوشی بدون نیاز به pc اجرا کنید
مرحله سوم: ساخت اولین پروژه (روش حرفه ای تر)
اول اینو نصب کنید (فقط یک بار نصب کنید و دفعات بعدی این خط رو اجرا نکنید)
npm install -g react-native-cli
بعد برید اندروید استودیو رو دانلود کنید با sdk و سعی کنید قند شکنتون در طول کار روشن باشه باید اینجا دست و دلبار باشید چون یه بار که اندروید استودیو رو باز میکنید gradle میخواد نصب بشه و چند نسخه اندروید نصب میشن و از این حرفا حدود یکی دو گیگ کنار بزارید برای اندروید استودیو و دار و دسته اش (اینجا نمیتونم طریقه نصبش رو بگم اگه میخواید میتونید سرچ کنید یا حتی از اینجا بخونید)
بعد از نصب شدن cmd رو باز کنید و وارد یه پوشه بشید (وقتی میخواید از cmd وارد پوشه ای بشید باید با دستور cd وارد بشید یعنی اول cd رو تایپ کنید و یه فاصله بدید و آدرس رو جلوش paste کنید و اینتر کنید)
حالا دستور زیر رو اجرا کنید
react-native init AwesomeProject
اینجا الان پروژه آماده میشه و کافیه که دوباره یه دستور
cd AwesomeProject
بزنید و وارد پروژه بشید و حالا هم دستگاه اندروید رو متصل کنید و از توی تنظیمات گوشی حالت دولوپر رو فعال و دیباگ رو هم فعال کنید
و با یو اس بی یا وای فای بهم متصل کنید
کد زیر رو در ادامه کد های قبلی اجرا کنید
react-native run-android
حالا هم باید یه صفحه سفید که توش حاوی متنی به انگلیسی هست باز بشه
این شکلیه:
اگه سوالی بود در خدمتم
انشاءالله آموزش های بعدی در مورد انتخاب محیط کد نویسی و چیزای دیگه است
فعلا یاعلی