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

React Native چیست ؟

React Native یک فریمورک متن باز مبتنی بر جاوااسکریپت می باشد که برای ساخت اپلیکیشن موبایل توسط فیس بوک معرفی و عرضه شده است. به کمک ری اکت نیتیو می‌توانیم برای اندروید، آی اواس، وب و حتی UWP (پلتفرمی برای ساخت برنامه‌های تحت ویندوز، ویندوز موبایل، Xbox و سایر محصولات مایکروسافت) اپلیکیشن بسازیم.

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

همچنین ممکن است نرم افزار شما به دلیل اینکه دو نفر برنامه نویس با تخصص های مختلف بر روی آنها کار میکنند، شکل و ظاهر یکسانی نداشته باشند و مشکل همگام سازی داشته باشند. 

همچنین هزینه پشتیبانی شما نیز در این صورت دوبرابر می شود زیرا بایستی یک پشتیبان برای نسخه اندروید نرم افزار خود داشته باشید و هم یک پشتیبان برای نسخه IOS. و این هم هزینه مالی و هم هزینه زمانی برای شما خواهد داشت.

ولی اگر نرم افزار (اپلیکیشن) با استفاده از React Native نوشته شود خروجی آن هم بر روی سیستم عامل های اندروید و هم بر روی سیستم عامل های ISO (همه موبایل ها) اجرا می شود و حتی نرم افزار شما بر روی وب سایت نیز اجرا می شود و این کار هزینه شما را تقریبا به یک سوم کاهش می دهد. و علاوه بر آن، نرم افزار شما یک بار نوشته شده و ظاهر و کارایی یکسانی در تمامی دستگاه ها خواهد داشت و همچنین اگر قصد داشته باشید نرم افزار خود را توسعه داده، یعنی یک یا چند امکان جدید بر روی آن پیاده سازی نمایید، کافی است با React Native یک بار کدنویسی کنید و این توسعه بر روی تمام دستگاه ها اعمال شود.

فهرست جلسات آموزشی

• 1 – معرفی React Native، جاوا اسکریپت و تعریف Native
• 2 – معرفی پیشنیاز های کدنویسی با React Native – معرفی Expo – ایجاد اولین پروژه
• 3 – نمایش خروجی اولین پروژه بر روی موبایل – معرفی ویرایگشر Visual Studio Code – معرفی ساختار پروژه 
• 3 – رفع خطا احتمالی در اجرای خروجی پروژه بر روی موبایل
• 4 – معرفی Flexbox – آموزش بخش بندی و ایجاد قسمت هایی مختلف در طراحی نرم افزار
• 5 – ساخت صفحه اصلی نرم افزار موبایل – آموزش گرافیکی کردن آیتم ها در React Native
• 6 – آموزش جهت یابی صفحات – ساخت Stack Navigation
• 7 – استفاده از تصاویر در نرم افزار موبایل – ساخت صفحه درباره ما
• 8 – استفاده از آیکون ها (فونت آیکون ها) – تکمیل صفحه خانه
• 9 – آموزش اضافه کردن فونت های اخصاصی به نرم افزار موبایل
• 10 – استفاده از داده ها به صورت Data Object و معرفی FlatList
• 11 – درست کردن آیکون اصلی نرم افزار و آیکون نمایش قبل از لود شدن صفحه
• 12 – طراحی گرافیک صفحه آموزش ها – قسمت اول
• 13 – طراحی گرافیک صفحه آموزش ها – قسمت دوم
• 14 – آموزش Tab Navigation 
• 15 – ساخت صفحه فهرست فیلم های آموزشی با استفاده از  Tab Navigation
• 16 – ساخت صفحه فهرست مدرس های آموزشگاه
• 17 – ساخت کامپوننت اختصاصی (Custom Component) و استفاده از آنها
• 18 – آموزش کار با فرم ها – ساخت فرم تماس با ما برای نرم افزار آموزشگاه دارکوب
• 19 – آموزش Use State جهت ذخیره داده های وارد شده توسط کاربر در فیلد های فرم ها
• 20 – آموزش اعتبارسنجی فرم ها جهت بررسی صحت داده ها در فرم ها – معرفی عبارات منظم
• 21 – معرفی بازبینی مجدد (Re Factor) در بحث کد نویسی تمیز (Clean Code) – بهینه سازی فرم تماس
• 22 – آموزش ساخت منو کشویی (Drawer Navigation) در React Native
• 23 – واکنشگرا (responsive) کردن نرم افزار جهت نمایش در حالت ها و اندازه های مختلف صفحه نمایش ها