ساختار react native

خوب خوب من دوباره امدم

پروژه که شروع کردمو قبلا بهتون گفته بودم ولی خوب یه بخش هایی از پروژه کپی پیست کدهای بقیه است و اگه بخواهم صادق باشم با خودم , اعصابم خورد میشه و فکر می کنم تا الان چیزهای زیادی یاد نگرفتم

من ادمی هستم که همش درحال انالیز کردن خودم و موقعیت ها و شرایطم و هرجایی که لازمه سریع تغیر میدم

دیشب داشتم فکر می کردم قبل این که لاگین و خروجی کامل برنامه را در ios بگیرم برگردم از اول اول

و دوباره مرور کنم سرچ کنم و هم برای این که بهتر تو ذهن خودم بمونه هم به کسایی که تازه شروع کردن کمکی کرده باشم

امروز به احتمال زیاد چندتا مطلب میزارم از ساختار استیت ها و حتی قصد دارم از گیت هاب ام مطلب بزارم که تمام اینا را باید برم دنبالشون و خلاصه را امروز با شما شر کنم

راسی مطلب اجرا کردن روی شبیه سازو اپدیت کردم اگه چیزی می دونید بگید اضافه و کم کنم نظرتون برام خیلی مهمه



خوب بریم سر اصل موضوع

وقتی یه پروژه توی ری اکت می سازید وقتی توی مسیر ساخت پروژه توی سیستم عاملتون برید اینو می بینید

که خوب می خوام فایل هایی که بلدمو براتون توضیح بدم که چی به چیه...

اگه قبلا با اندروید استودیو کار کرده باشید این ساختار زیر براتون اشناست

من با سویفت کار نکردم ولی روی این توی مک کلیک کنید project.pbxproj پروژه سوفیت روی xcode برامون باز می کنه

من الان می خوام تمرکز خودمو بزارم روی ساختار خود ری اکت نیتیو نه اندروید و ios اش



خوب اولین دایرکتوری جدید برای ما مبتدی ها node_modules که خوب از اسمش مشخصه تمام کتابخونه و ماژول هایی که اضافه می کنیم میاد اینجا یه سری ماژول خودعه ide برامون اضافه می کنه

حالا چرا node , نود مفسر ماست کسی که ترجمه ی می کنه فایل های ما رو به زبان ماشین

خوب اول از همه شما flowconfig. و .buckconfig می بینید که خوب لینتر ماست همون تکنولوژی که درست و غلط بودن سیسنتکس ما رو می فهمه

بعدی babelrc. که چون اکثر مروگرها از es6 هنوز پشتیبانی نمی کنن میاد و به es5 تبدیل می کنه

بعدی .gitattributes و .gitignore اینا مال مخازن گیت ماست

و .watchmanconfig که خوب اینو خود فیسبوک طراحی کرده و تغیرات که ما میدیمو هندل می کنه چون توی ری اکت نیتیو هات لودینگ داریم و این خوب برای اونه ...

و package.json هست که خوب لیست پکیج های مارو نشون میده که استفاده کردیم

و package-lock.json که خوب دقیق کاربردشو نفهمیدم و بعد اضافه خواهم کرد ولی شما می تونید از این سایت دقیق این قسمتو مطالعه کنید خوشحال میشم اگه فهمیدین به منم بگید

و app.json این شامل دوتا فیلدعه name که خوب هرچی باشه تو مخازن گیت ما به همون سیو میشه و دومی هم displayName که خوب همون اسمی هست که روی دیوایس ما میزنه و تا اخر پروژه محتوای این قسمت تغیری نمی کنه

ولی توجه کنید برای تغیرنام دادن روی دیوایس های شبیه ساز اینو تغیر ندین بعدا بهتون میگم چیو تغیر بدین

خوب رسیدیم به اصل کار index.js میاد app.js برامون صدا میزنه و این هم تا اخر پروژه معمولا تغیری نمی کنه

اصل کار ما app.js است که کدهایی که ما نوشتیم روی دیوایس نشون میدعه


اگه براتون کاربردی بود یه موهیتو مهمونم کنید ^.^