آموزش دوره کامل React Native + Hooks

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

شروع شدن Getting Started

• نحوه دریافت کمک How to Get Help

• منابع دوره Course Resources

• به انجمن ما بپیوندید! Join Our Community!

• بررسی اجمالی دوره Course Overview

• نصب Node.js و اطلاعات پیش نیاز Installing Node.js and Prerequisite Info

• Boilerplate دانلود و راه اندازی Boilerplate Download and Startup

• راه اندازی برنامه App Setup

• ایجاد تغییرات Making Changes

• نمایشگاه برای مرورگر وب - رد نشوید Expo for Web Browser - Do Not Skip

• استفاده از شبیه سازهای iOS و اندروید Using iOS and Android Simulators

کار با محتوا Working with Content

• بررسی اجمالی کامپوننت های React Overview of React Components

• نمایش کامپوننت سفارشی Showing a Custom Component

• پرسش ها و پاسخ های متداول Common Questions and Answers

• قوانین JSX Rules of JSX

• یک خطای رایج One Common Error

• بررسی اجمالی تمرین JSX JSX Exercise Overview

• راه حل JSX JSX Solution

فهرست ساختمان - با سبک! List Building - With Style!

• لیست های ساختمان Building Lists

• عنصر FlatList The FlatList Element

• ارائه یک FlatList Rendering a FlatList

• چرا یک ویژگی کلیدی؟ Why a Key Property?

• حل مسئله کلیدی Solving the Key Issue

• چند ویژگی در اطراف FlatList A Few Props Around FlatList

• بررسی اجمالی ورزش Exercise Overview

• راه حل تمرین Exercise Solution

پیمایش کاربران بین صفحه نمایش Navigating Users Between Screens

• انواع دکمه ها Button Types

• دکمه ها در عمل Buttons in Action

• Opacity قابل لمس در عمل Touchable Opacity in Action

• پیمایش با React Navigation Navigating with React Navigation

• تجهیزات تخریب ساختار Destructuring Props

ساخت قطعات قابل استفاده مجدد Building Reusable Components

• استفاده مجدد از کامپوننت با Props Component Reuse with Props

• راه حل تمرین Exercise Solution

• روابط والدین و فرزندان Parent-Child Relationships

• ارتباط از والدین به فرزند Communicating from Parent to Child

• دانلود تصاویر Images Download

• نمایش تصاویر Showing Images

• ارسال تصاویر به عنوان لوازم جانبی Passing Images as Props

• طرح کلی تمرین Exercise Outline

• راه حل تمرین Exercise Solution

مدیریت دولتی در React Components State Management in React Components

• حالت در اجزاء State in Components

• صفحه دیگ بخار Screen Boilerplate

• دولت در عمل State in Action

• یادداشت هایی در مورد ایالت Notes on State

• نمای کلی برنامه App Overview

• تولید رنگ های تصادفی Generating Random Colors

• اضافه کردن رنگ های تصادفی Adding Random Colors

• نمایش رنگ ها با یک لیست مسطح Showing Colors with a FlatList

• نمای کلی برنامه App Overview

• تنظیم کننده های رنگ قابل استفاده مجدد Reusable Color Adjusters

• دولت هماهنگ کننده Coordinating State

• انتقال تماس به کودکان Passing Callbacks to Children

• گره زدن ارزش های دولتی با هم Tying State Values Together

• اعتبار سنجی تغییرات حالت Validating State Changes

• به روز رسانی های حالت قابل استفاده مجدد Reusable State Updates

• مقدمه ای بر کاهش دهنده ها Introduction to Reducers

• ایجاد یک کاهش دهنده Creating a Reducer

• درخواست دولت با کاهش دهنده Applying State with a Reducer

• بازیابی اعتبار Restoring Validation

• کنوانسیون جامعه در کاهنده ها Community Convention in Reducers

• طرح کلی تمرین Exercise Outline

• راه حل تمرین Exercise Solution

• مدیریت ورودی متن Handling Text Input

• نمایش ورودی متن Showing a Text Input

• دو وسیله مهم Two Important Props

• چیزهای عجیب با متن و حالت Weird Things with Text and State

• وضعیت به روز رسانی Updating State

• طرح کلی تمرین Exercise Outline

• راه حل تمرین Exercise Solution

نحوه مدیریت صفحه نمایش How to Handle Screen Layout

• Layout با React Native Layout with React Native

• مبانی مدل شی جعبه Basics of Box Object Model

• تراز کردن آیتم ها با Flex AlignItems with Flex

• جهت فلکس Flex Direction

• مطالب را توجیه کنید Justify Content

• ارزش های انعطاف پذیر Flex Values

• خود را با کودکان هماهنگ کنید Align Self on Children

• ویژگی موقعیت The Position Property

• بالا، پایین، چپ، راست Top, Bottom, Left, Right

• اشیاء پر مطلق Absolute Fill Objects

• استفاده از سیستم های چیدمان Applying Layout Systems

• بررسی اجمالی ورزش Exercise Overview

• راه حل تمرین Exercise Solution

قرار دادن همه چیز با هم - برنامه جستجوی رستوران Putting It All Together - Restaurant Search App

• نمای کلی برنامه App Overview

• نکته مهم درباره Project Generation Important Note About Project Generation

• تولید پروژه Project Generation

• راه حل های Yelp API Yelp API Workarounds

• ثبت نام Yelp Yelp Signup

• Yelp Walkthrough Yelp Walkthrough

• React Navigation React Navigation

• به روز رسانی نصب React Navigation مورد نیاز است Required React Navigation Installation Update

• مونتاژ یک Navigator Assembling a Navigator

• رویکرد معماری Architecture Approach

• راه اندازی نوار جستجو Starting the SearchBar

• نمایش آیکون ها Displaying Icons

• یک ظاهر طراحی نوار جستجو Search Bar Styling

• یک ظاهر طراحی بیشتر لمسی A Touch More Styling

• دولت مدیریت Managing State

• تشخیص تکمیل ویرایش Detecting Editing Completion

استفاده از Outside API Using Outside API's

• پیکربندی Axios Configuring Axios

• انجام درخواست Making the Request

• رسیدگی به خطا Error Handling

• اجرای جستجوی اولیه Running an Initial Search

ساخت قلاب قابل استفاده مجدد Making Hooks Reusable

• نام قلاب نادرست در اسلاید Incorrect Hook Name in Slide

• قلاب UseEffect The UseEffect Hook

• استخراج منطق هوک Extracting Hook Logic

• نمایش نتایج جستجو Showing Search Results

• نتایج گروه بندی Grouping Results

• رندر FlatList FlatList Rendering

ناوبری با پارامترها Navigation with Parameters

• نمایش یک نتیجه واحد Showing a Single Result

• نمایش اطلاعات اضافی Showing Additional Info

• چند مسئله دیگر در زمینه استایل A Few More Styling Issues

• پنهان کردن نوارهای اسکرول Hiding Scroll Bars

• محدود کردن عناصر مشاهده Constraining View Elements

• عناصر خالی Empty Elements

• فاصله در نوار جستجو Spacing on the Search Bar

• یادآوری در ناوبری Reminder on Navigation

• پیمایش از یک مؤلفه کودک Navigating from a Child Component

• راهنمای WithNavigation The WithNavigation Helper

• برقراری ارتباط بین نمایشگرها Communicating Between Screens

• گرفتن یک رستوران مجرد Fetching a Single Restaurant

• نمایش فهرستی از تصاویر Showing a List of Images

• آخرین اصلاح One Last Fix

• ارتقای برنامه رستوران برای استفاده از React Navigation v6 Upgrading the Restaurant app to use React Navigation v6

مدیریت پیشرفته حالت با زمینه Advanced State Management with Context

• نکته مهم درباره Project Generation Important Note About Project Generation

• نمای کلی برنامه App Overview

• مشکلات مربوط به داده ها Issues with Data

• به روز رسانی نصب React Navigation مورد نیاز است Required React Navigation Installation Update

• راه اندازی اولیه Initial Setup

• پیچیدن Navigator Wrapping the Navigator

• مقدمه ای بر زمینه Introduction to Context

• اضافه کردن زمینه Adding Context

• انتقال داده ها با متن Moving Data with Context

• ارائه فهرستی از پست ها Rendering a List of Posts

• اضافه کردن حالت در متن Adding State in Context

• کار می کند! It Works!

• فرصت برای بهبود Opportunity for Improvement

• به روز رسانی با UseReducer Updating with UseReducer

• خودکارسازی ایجاد زمینه Automating Context Creation

• ایجاد زمینه خودکار بیشتر More Automatic Context Creation

• کمی یک ظاهر طراحی شده A Bit of Styling

• حذف پست ها Deleting Posts

• به روز رسانی Reducer Updating the Reducer

• پیمایش روی ضربه بزنید Navigation on Tap

• بازیابی پست های تک Retrieving Single Posts

• اضافه کردن یک صفحه ایجاد Adding a Creation Screen

• headerRight Deprecation در 'navigationOptions' headerRight Deprecation in 'navigationOptions'

• ناوبری هدر Header Navigation

• نمایش یک فرم Displaying a Form

• ذخیره یک پست جدید Saving a New Post

• پیمایش در ذخیره Navigation on Save

• headerRight Deprecation در 'navigationOptions' headerRight Deprecation in 'navigationOptions'

• پیوند آیکون ویرایش The Edit Icon Link

• انتقال اطلاعات برای ویرایش Communicating Info to Edit

• راه‌اندازی حالت از متن Initializing State from Context

• استخراج منطق فرم Extracting Form Logic

• سفارشی کردن OnSubmit Customizing OnSubmit

• مقادیر اولیه فرم Initial Form Values

• لوازم پیش فرض Default Props

• ویرایش عملکرد عمل Editing Action Function

• ویرایش در یک کاهنده Editing in a Reducer

• پیمایش به عقب Navigating Backwards

Data API Sync Data API Sync

• Outside Data API Outside Data API

• مشکلات سرورها + React Native Issues with Servers + React Native

• مهم - مراحل تنظیم Ngrok مورد نیاز Important - Required Ngrok Setup Steps

• سرور JSON و راه اندازی Ngrok JSON Server and Ngrok Setup

• قراردادهای REST سرور JSON JSON Server REST Conventions

• ایجاد یک درخواست Making a Request

• واکشی از راه دور پست ها Remote Fetch of Posts

• ایجاد پست با درخواست ارسال Creating Posts with Post Requests

• در حال واکشی مجدد در Navigate Refetching on Navigate

• حذف یک پست Deleting a Post

• ویرایش پست ها Editing Posts

• جمع بندی برنامه App Wrapup

• ارتقاء برنامه بلاگ برای استفاده از React Navigation v6 Upgrading the Blog app to use React Navigation v6

ساخت یک API اکسپرس سفارشی Building a Custom Express API

• نمای کلی برنامه App Overview

• راه اندازی وابستگی ها Dependencies Setup

• مبانی اکسپرس The Basics of Express

• راه اندازی MongoDB MongoDB Setup

• اتصال به MongoDB Connecting to MongoDB

• Nodemon برای راه اندازی مجدد خودکار Nodemon for Automatic Restarts

• درک فرآیند ثبت نام Understanding the Signup Process

• با استفاده از پستچی Using Postman

• مدیریت داده های JSON Handling JSON Data

• تعریف طرحواره کاربری Defining a User Schema

• ایجاد و ذخیره یک کاربر Creating and Saving a User

• رسیدگی به خطا Error Handling

• JSON Web Tokens JSON Web Tokens

• ایجاد JWT Creating a JWT

• سیم کشی توکن های وب JSON Wiring Up JSON Web Tokens

• آشنایی با هش کردن رمز عبور Understanding Password Hashing

• نمک زدن و هش کردن Salting and Hashing

• مسیر ورود The Signin Route

• تست ثبت نام و ورود Testing Signup and Signin

• تعریف آهنگ ها Defining Tracks

• لیست آهنگ ها Listing Tracks

• ایجاد آهنگ Creating Tracks

احراز هویت درون برنامه ای In-App Authentication

• کد سرور Server Code

• راه اندازی سرور Server Setup

• نکته مهم درباره Project Generation Important Note About Project Generation

• طراحی ناوبری Navigation Design

• به روز رسانی نصب React Navigation مورد نیاز است Required React Navigation Installation Update

• تعداد زیادی دیگ بخار A LOT of Boilerplate

• اتصال ناوبر Navigator Hookup

• تست جریان ناوبری Testing the Navigation Flow

• React Native Elements React Native Elements

• اجزای سبک کمکی Helper Styling Components

• navigationOptions هشدار منسوخ شدن navigationOptions Deprecation Warning

• یک ظاهر طراحی شده شانس و پایان Styling Odds and Ends

• لوازم ورودی Input Props

• زمینه تأیید The Auth Context

• زمینه چه کاری انجام می دهد؟ What's the Context Doing?

• راه اندازی Axios Axios Setup

• ایجاد یک درخواست API Making an API Request

• رسیدگی به درخواست های اشتباه Handling Errored Requests

• ذخیره سازی غیر همگام Async Storage

• به روز رسانی فضای ذخیره سازی همگام Async Storage Update

• ذخیره سازی توکن Storing the Token

• ناوبری از خارج از React Navigation From Outside of React

• اوه، اشتباه تایپی Oops, Typo

• پیمایش به Signin Navigation to Signin

• استخراج منطق فرم Extracting Form Logic

• آخرین بیت از استخراج Last Bit of Extracting

• ایجاد یک NavLink Creating a NavLink

• navigationOptions منسوخ شدن navigationOptions Deprecation

• استفاده مجدد از مولفه واقعی! Real Component Reuse!

• سیم کشی ورود به سیستم Wiring Up Signin

• به روز رسانی onWillFocus در مقابل onWillBlur onWillFocus vs onWillBlur Update

• پاک کردن پیام های خطا Clearing Error Messages

• ورود خودکار Automatic Signin

• خالی کردن صفحه نمایش در حین حل و فصل Auth Empty Screens While Resolving Auth

• خروج از سیستم کاربر Signing Out a User

• نماهای منطقه امن Safe Area Views

• کار بر روی Track Create Working on Track Create

• نصب React Native Maps Installing React Native Maps

• نمایش نقشه Showing a Map

• ترسیم یک سری نقاط Drawing a Series of Points

• نکاتی در مورد مکان Notes on Location

• رفع خطای درخواست مکان از دست رفته Fix for Missing Location Request Error

• «requestPermissionsAsync» اکنون در Expo SDK 41+ منسوخ شده است "requestPermissionsAsync" is now deprecated in Expo SDK 41+

• درخواست مجوزهای موقعیت مکانی Requesting Location Permissions

• بازنشانی مجوزها Resetting Permissions

• چگونه موقعیت مکانی را تست کنیم؟ How to Test Location?

• جعل موقعیت مکانی کاربران Faking the Users Location

• خواندن یک مکان Reading a Location

• اشکال با مکان Bugginess with Location

• معماری مکان Location Architecture

• زمینه مکان Location Context

• به‌روزرسانی‌های مکان زنده Live Location Updates

• برای نشانگر نقشه ردیابی نیست رفع شود Fix for Indicator not Tracking Map

• ترسیم نشانگر موقعیت Drawing a Position Indicator

• استخراج منطق به قلاب Extracting Logic to a Hook

• غیرفعال کردن ردیابی موقعیت مکانی Disabling Location Tracking

• خودکار غیرفعال می کند Automatic Disables

• ساخت فرم آهنگ Building a Track Form

• به‌روزرسانی‌های زمینه مکان Updates to Location Context

• آهنگ فرم Wire Up Track Form Wire Up

• Buggy UseEffects Buggy UseEffects

• درک ارجاعات قدیمی Understanding Stale References

• برخی از خطاهایی که ممکن است مشاهده کنید Some Errors You May See

• نوع ثابت Kind of Fixed

• قلاب UseCallback The UseCallback Hook

• تمیز کردن پس از خودمان Cleaning Up After Ourselves

• اجتناب از ارجاعات قدیمی Avoiding Stale References

• ردیابی هنگام ضبط Tracking While Recording

• پلی لاین را برگردانید Bring Back the Polyline

• چه چیزی آهنگ ها را مدیریت می کند What Manages Tracks

• هماهنگی بین زمینه ها Coordination Between Contexts

• به روز رسانی فضای ذخیره سازی همگام Async Storage Update

• احراز هویت خودکار Automatic Authentication

• بازنشانی فرم و پیمایش Form Reset and Navigation

• واکشی آهنگ های ایجاد شده Fetching Created Tracks

• به روز رسانی لیست آیتم ListItem Update

• فهرست کردن همه آهنگ ها Listing All Tracks

• پیمایش به یک آهنگ ذخیره شده Navigating to a Saved Track

• نمایش جزئیات آهنگ Showing Track Details

• رفع شانس و پایان Fixing Odds and Ends

نکته مهم - البته نسخه قدیمی - رد نشوید Important - OLD VERSION OF COURSE - Do Not Skip

• توجه به بخش زیر Note on the Following Section

کار با نسخه های قدیمی React Native Working with Old Versions of React Native

• مهم - از رد نشوید Important - Do Not Skip

• مخزن کد تمام شده Finished Code Repository

• نصب OSX OSX Installation

• اطلاعات بیشتر در مورد نصب OSX More on OSX Installation

• در حال اجرا در شبیه ساز Running in the Simulator

• راه اندازی ویندوز React Native Windows Setup of React Native

• نصب اندروید استودیو و React Native CLI Android Studio and React Native CLI Installation

• ایجاد شبیه ساز و متغیرهای سیستم Emulator Creation and System Variables

• راه اندازی ESLint با VSCode ESLint Setup with VSCode

• عیب یابی React Native Installs Troubleshooting React Native Installs

• فهرست راهنمای پروژه Project Directory Walkthrough

• دریافت محتوا بر روی صفحه نمایش Getting Content on the Screen

• React در مقابل React Native React vs React Native

• ایجاد کامپوننت با JSX Creating a Component with JSX

• ثبت کامپوننت Registering a Component

• تخریب ساختار واردات Destructuring Imports

• طرح کلی برنامه Application Outline

• جزء سرصفحه The Header Component

• مصرف صادرات فایل Consuming File Exports

• استایل با React Native Styling with React Native

• بیشتر در مورد اجزای یک ظاهر طراحی شده More on Styling Components

• آشنایی با فلکس باکس Introduction to Flexbox

• استایل هدر Header Styling

• ساخت هدر قابل استفاده مجدد Making the Header Reusable

• منبع یابی داده های آلبوم Sourcing Album Data

• لیست اجزای دیگ بخار List Component Boilerplate

• مولفه های مبتنی بر کلاس Class Based Components

• روش های چرخه حیات Lifecycle Methods

• یادداشت سریع در Axios Quick Note On Axios

• درخواست های شبکه Network Requests

• وضعیت سطح مؤلفه Component Level State

• اطلاعات بیشتر در مورد وضعیت سطح مؤلفه More on Component Level State

• ارائه فهرستی از کامپوننت ها Rendering a List of Components

• نمایش آلبوم های فردی Displaying Individual Albums

• اجزای قابل استفاده مجدد فوق العاده - کارت Fantastic Reusable Components - The Card

• استایل دادن به کارت Styling a Card

• گذراندن اجزاء به عنوان لوازم جانبی Passing Components as Props

• تقسیم کارت ها به بخش ها Dividing Cards into Sections

• تسلط بر چیدمان با Flexbox Mastering Layout with Flexbox

• موقعیت یابی عناصر در موبایل Positioning of Elements on Mobile

• بیشتر در مورد استایلینگ More on Styling

• تصاویر با React Native Images with React Native

• نمایش آثار هنری آلبوم Displaying Album Artwork

• ساخت محتوا قابل پیمایش Making Content Scrollable

• مدیریت ورودی کاربر با دکمه ها Handling User Input with Buttons

• یک ظاهر طراحی دکمه ها با ملاحظات UX Styling of Buttons with UX Considerations

• پاسخ به ورودی کاربر Responding to User Input

• پیوند بین برنامه های موبایل Linking Between Mobile Apps

• تنظیم متن دکمه توسط Props Setting Button Text by Props

• جمع بندی برنامه App Wrapup

• معرفی اپلیکیشن Auth Auth App Introduction

• یک مؤلفه ریشه مشترک A Common Root Component

• کپی کردن اجزای قابل استفاده مجدد Copying Reusable Components

• Firebase چیست؟ What is Firebase?

• تنظیم مشتری Firebase Firebase Client Setup

• فرم ورود به سیستم داربست Login Form Scaffolding

• مدیریت ورودی های کاربر Handling User Inputs

• اطلاعات بیشتر در مورد مدیریت ورودی های کاربر More on Handling User Inputs

• نحوه ایجاد کامپوننت های کنترل شده How to Create Controlled Components

• ایجاد ورودی متن از ابتدا Making Text Inputs From Scratch

• تمرکز بر پاس دادن قطعات A Focus on Passing Props

• زیبا کردن ورودی Making the Input Pretty

• جمع بندی ورودی ها Wrapping up Inputs

• ورودی های رمز عبور Password Inputs

• ورود کاربر به سیستم Logging a User In

• رسیدگی به خطا Error Handling

• اطلاعات بیشتر در مورد جریان احراز هویت More on Authentication Flow

• ایجاد یک Activity Spinner Creating an Activity Spinner

• رندر مشروط JSX Conditional Rendering of JSX

• پاک کردن فرم اسپینر Clearing the Form Spinner

• مدیریت رویدادهای احراز هویت Handling Authentication Events

• بیشتر در مورد رندر شرطی More on Conditional Rendering

• خروج یک کاربر و جمع بندی Logging a User Out and Wrapup

• مدل برنامه و رویکرد App Mockup and Approach

• مبانی Redux The Basics of Redux

• بیشتر در مورد Redux More on Redux

• Redux سخت است! Redux is Hard!

• کاربرد Boilerplate Application Boilerplate

• اطلاعات بیشتر در مورد Redux Boilerplate More on Redux Boilerplate

• رندر کردن هدر Rendering the Header

• کاهنده و طراحی حالت Reducer and State Design

• فهرست داده های کتابخانه Library List of Data

• JSON CopyPaste JSON CopyPaste

• تابع اتصال The Connect Function

• MapStateToProps با اتصال MapStateToProps with Connect

• بررسی سریع و تنفس A Quick Review and Breather

• نظریه ListView The Theory of ListView

• ListView در عمل ListView in Practice

• رندر کردن یک ردیف Rendering a Single Row

• سبک دادن به لیست Styling the List

• ایجاد کاهش دهنده انتخاب Creating the Selection Reducer

• معرفی Action Creators Introducing Action Creators

• فراخوانی Action Creators Calling Action Creators

• افزودن قابل لمس Adding a Touchable

• قوانین کاهش دهنده ها Rules of Reducers

• گسترش یک ردیف Expanding a Row

• انتقال منطق به خارج از اجزا Moving Logic Out of Components

• تصاوير متحرك Animations

• بسته شدن Wrapup

• مروری بر برنامه بعدی ما Overview of Our Next App

• چالش های برنامه App Challenges

• یادداشت سریع Quick Note

• فقط تنظیمات بیشتر را لمس کنید Just a Touch More Setup

• اطلاعات بیشتر در مورد راه اندازی دیگ بخار More on Boilerplate Setup

• فرم ورود به سیستم Redux World Login Form in a Redux World

• بازسازی فرم ورود Rebuilding the Login Form

• مدیریت به‌روزرسانی‌های فرم با Action Creators Handling Form Updates with Action Creators

• سیم کشی Action Creators Wiring up Action Creators

• اقدامات تایپ شده Typed Actions

• حالت تغییرناپذیر Immutable State

• ایجاد حالت تغییرناپذیر Creating Immutable State

• بیشتر در مورد ایجاد حالت تغییرناپذیر More on Creating Immutable State

• سازندگان اقدام همزمان در مقابل ناهمزمان Synchronous vs Asynchronous Action Creators

• مقدمه ای بر Redux Thunk Introduction to Redux Thunk

• Redux Thunk در عمل Redux Thunk in Practice

• Redux Thunk در عمل ادامه دارد Redux Thunk in Practice Continued

• قوی تر کردن LoginUser Making LoginUser More Robust

• ایجاد حساب های کاربری Creating User Accounts

• نمایش پیام های خطا Showing Error Messages

• Firebase Gotcha A Firebase Gotcha

• نمایش اسپینر در حال بارگذاری Showing a Spinner on Loading

• برخورد با ناوبری Dealing with Navigation

• ناوبری در روتر Navigation in the Router

• پرداختن به مسائل استایلینگ Addressing Styling Issues

• نمایش چندین صحنه Displaying Multiple Scenes

• پیمایش بین مسیرها Navigating Between Routes

• گروه بندی صحنه ها با سطل Grouping Scenes with Buckets

• دکمه های نوار ناوبری Navigation Bar Buttons

• رفتن به فرم ایجاد کارمند Navigating to the Employee Creation Form

• ساخت فرم ایجاد کارمند Building the Employee Creation Form

• اقدامات فرم کارمند Employee Form Actions

• مدیریت به‌روزرسانی‌های فرم در سطح کاهنده Handling Form Updates at the Reducer Level

• به روز رسانی های املاک دینامیک Dynamic Property Updates

• جزء انتخاب کننده The Picker Component

• انتخاب کنندگان و لغو سبک Pickers and Style Overrides

• طرحواره Firebase JSON Firebase JSON Schema

• امنیت داده ها در Firebase Data Security in Firebase

• ایجاد رکورد با Firebase Creating Records with Firebase

• مقادیر فرم پیش فرض Default Form Values

• ذخیره موفقیت آمیز داده در Firebase Successful Data Save to Firebase

• بازنشانی خصوصیات فرم Resetting Form Properties

• واکشی داده ها از Firebase Fetching Data from Firebase

• ذخیره سازی داده ها با شناسه Storing Data by ID

• ساختمان منبع داده پویا Dynamic DataSource Building

• تبدیل اشیا به آرایه Transforming Objects to Arrays

• ایجاد لیست در لیست کارکنان List Building in Employee List

• استفاده مجدد از فرم کارمند Reusing the Employee Form

• ایجاد فرم ها در مقابل ویرایش Create vs Edit Forms

• فرم های قابل استفاده مجدد Reusable Forms

• یک فرم ویرایش کارمند مستقل A Standalone Employee Edit Form

• راه اندازی فرم ها از ایالت Initializing Forms from State

• به روز رسانی سوابق Firebase Updating Firebase Records

• پاک کردن ویژگی های فرم Clearing Form Attributes

• ارسال پیامک به کارکنان Texting Employees

• Modals به عنوان یک جزء قابل استفاده مجدد Modals as a Reusable Component

• مولفه مدال ادامه دارد The Modal Component Continued

• مدل دادن به مدال Styling the Modal

• Employee Delete Action Creator Employee Delete Action Creator

• سیم کشی حذف کارمند Wiring up Employee Delete

موارد اضافی Extras

• جایزه! Bonus!