آموزش جامع ری‌اکت نیتیو (React Native) - آخرین آپدیت

مقدمه‌ای بر React Native Introduction to React Native

• معرفی دوره Introduction to the course

• ری‌اکت نیتیو چیست؟ What is React Native?

• نقش‌های توسعه‌دهنده Native، Cross-platform و Hybrid Native, cross-platform & hybrid developer roles

• آشنایی با یک توسعه‌دهنده چندپلتفرمی Meet a cross-platform developer

• مرور محیط توسعه React Native React Native Development Environment Overview

• کار با React Native و Expo React Native with Expo

• کاربرد React Native در دنیای واقعی چگونه است؟ How is React Native used in the real world?

• کدنویسی در React Native React Native Code

• Expo چیست؟ What is Expo?

• کامپوننت‌های React Native چه هستند؟ What are React Native Components?

• ساخت یک کامپوننت Building a component

• کامپوننت‌های View و Text چیستند؟ What are View and Text Components?

• استفاده از کامپوننت‌های View و Text Using the View and Text Components

• کامپوننت ScrollView چیست؟ What is the ScrollView Component?

• استفاده از کامپوننت ScrollView Using the ScrollView Component

• استایل‌دهی به کامپوننت‌ها با استفاده از StyleSheet Styling Components using StyleSheet

• استایل‌دهی عملی Practical Styling

• خلاصه فصل: مقدمه‌ای بر React Native Module summary: Introduction to React Native

لیست‌ها و ورودی‌های متنی در React Native Lists and Text Input in React Native

• رندر کردن لیست‌های بزرگ با استفاده از کامپوننت FlatList Rendering large lists using FlatList component

• استفاده از کامپوننت FlatList Using the FlatList component

• متدهای FlatList FlatList Methods

• رندر کردن لیست‌های بزرگ بخش‌بندی شده با SectionList Render large lists by sections using SectionList

• استفاده از کامپوننت SectionList Using the SectionList component

• کامپوننت TextInput چیست؟ What is the TextInput component?

• پیکربندی کامپوننت TextInput Configure the TextInput Component

• کیبورد مجازی در اپلیکیشن‌های موبایل Virtual Keyboard on Mobile Apps

• مدیریت کیبورد مجازی Handling the Virtual Keyboard

• ارسال Props به کامپوننت TextInput Passing props to TextInput Component

• استفاده از متدهای TextInput Using TextInput Methods

• خلاصه فصل: لیست‌ها و ورودی‌های متنی در React Native Module summary: Lists and Text Input in React Native

کامپوننت Pressable، تصاویر و هوک‌ها در React Native Pressable, Images and Hooks in React Native

• کامپوننت Pressable چیست؟ What is the Pressable Component?

• استفاده از کامپوننت Pressable Using Pressable Component

• نمایش تصاویر در React Native Displaying Images in React Native

• استفاده از کامپوننت Image Using Image Component

• استایل‌دهی به تصویر در اپلیکیشن Styling an Image within the app

• ارسال Props به کامپوننت Image Passing props to the Image Component

• تنظیم تصاویر پس‌زمینه Setting Background Images

• هوک‌ها (Hooks) چیستند؟ What are hooks ?

• استفاده از هوک useColorScheme Using useColorScheme hook

• استفاده از هوک useWindowDimensions Using useWindowDimensions hook

• استفاده از سایر هوک‌های جامعه توسعه‌دهندگان Using other community hooks

• خلاصه فصل: Pressable، تصاویر و هوک‌ها در React Native Module summary: Pressable, Images and Hooks in React Native

ناوبری با React Navigation React Navigation

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

• راه‌اندازی React Navigation Setting up React Navigation

• استفاده از Stack.Navigator Using the Stack.Navigator

• روش‌های ارسال Props به صفحات Approaches to Passing Props to Screen

• رفتن به یک صفحه جدید Moving to a New Screen

• جابه‌جایی بین صفحات Moving Between Screens

• بازگشت به صفحه قبلی Going Back to Previous Screen

• پیکربندی نوار هدر (Header Bar) Configuring a Header Bar

• ناوبری تب (Tab Navigation) چیست؟ What is Tab Navigation?

• مثالی از Tab Navigation Tab Navigation Example

• سفارشی‌سازی تب ناویگاتور Customizing your tab navigator

• ناوبری دراور (Drawer Navigation) چیست؟ What is Drawer Navigation?

• مثالی از Drawer Navigation Drawer Navigation Example

• خلاصه فصل: React Navigation Module summary: React Navigation

ارزیابی پروژه نهایی Final project assessment

• مرور کلی دوره: React Native Course Recap: React Native

• حل پروژه: ثبت‌نام در خبرنامه Little Lemon Solution walk-through: Little Lemon newsletter sign-up

• تبریک! شما دوره React Native را به پایان رساندید! Congratulations, you have completed React Native!