آموزش یادگیری React Native

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• با استفاده از پرونده های ورزش Using the exercise files

• آنچه باید بدانید What you should know

• چارچوب یادگیری واکنش نشان می دهد Framework of learning React

• نحوه استفاده از پرونده های تمرینی How to use the exercise files

1. بومی واقعی چیست؟ 1. What Is React Native?

• React چیست؟ What is React?

• چگونه بومی واکنش نشان می دهد؟ How React Native works?

• React Native چیست؟ What is React Native?

• نمایشگاه چیست؟ What is Expo?

• چگونه React Native کار می کند How React Native works

2. شروع کار 2. Getting Started

• React Native را نصب کنید Install React Native

• اولین برنامه خود را تنظیم کنید Set up your first app

• برنامه iOS را اجرا کنید Run an iOS app

• برنامه خود را اشکال زدایی کنید Debug your app

• راه اندازی Android Android setup

• شبیه ساز Android را اجرا کنید Run the Android emulator

2. کار با نمایشگاه 2. Working with Expo

• نصب مشتری نمایشگاه Installing the Expo client

• ایجاد میان وعده Creating a Snack

• ایجاد یک پروژه جدید Creating a new project

• اجرای یک پروژه بر روی یک دستگاه Running a project on a device

3. مؤلفه های بومی 3. Native Components

• مقدمه ای بر Introduction to native components

• ورق های سبک ایجاد کنید Create style sheets

• flexbox را درک کنید Understand flexbox

• مؤلفه تصویر The image component

3. مؤلفه ها و API ها 3. Components and APIs

• طرح بندی Flexbox Flexbox layouts

• مؤلفه های بومی Native components

• ایجاد ورق های سبک Creating style sheets

• API های بومی Native APIs

• مؤلفه تصویر The Image component

4- کار با نماها 4. Working with Views

• پاسخ به لمس ها Respond to touches

• وارد کردن یک جزء سفارشی Importing a custom component

• نور لمسی TouchableHighlight

• ایجاد قلاب سفارشی Creating a custom hook

• از ScrollView استفاده کنید Use the ScrollView

• پاسخ به لمس ها Responding to touches

• با ListView کار کنید Work with the ListView

• با استفاده از یک برجسته قابل لمس Using a touchable highlight

• با استفاده از یک لیست مسطح Using a flat list

• جمع آوری داده ها Collect data

• ایجاد یک فرم Creating a form

• استخراج یک مؤلفه سفارشی Extracting a custom component

• جمع آوری ورودی Collecting input

5- API های بستر های نرم افزاری 5. Platform APIs

• ناوبری واکنش React Navigation

• از AsyncStorage استفاده کنید Use AsyncStore

• با استفاده از asyncstorage Using AsyncStorage

• لیست رنگ را آماده کنید Prepare the color list

• پیمایش بین صفحه ها Navigating between screens

• ناوبری را تغییر دهید React navigation

• تکمیل صفحه جزئیات رنگ Completing the Color Details page

• از پیمایشگر استفاده کنید Use the navigator

• با استفاده از RefreshControl Using RefreshControl

• گنجاندن یک WebView Incorporating a WebView

• داده را بارگیری کنید Fetch data

• واکشی داده ها Fetching data

نتیجه Conclusion

• مراحل بعدی Next steps

6. ساخت پروژه خود 6. Building Your Project

• نصب شبیه ساز iOS Installing an iOS simulator

• نصب ANDROID AVD برای ویندوز Installing an Android AVD for Windows

• انتشار پروژه نمایشگاه خود Publishing your Expo project

• ساخت دستگاه های اندرویدی Building for Android devices

• نصب ANDOROD AVD برای Mac Installing an Android AVD for Mac

• ساختمان برای دستگاه های iOS Building for iOS devices

• بیرون کشیدن از نمایشگاه Ejecting from Expo