آموزش دوره کامل توسعه دهنده React (با هوک و ردوکس) [ویدئو]

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

خوش آمدی Welcome

• خوش آمدید و سوالات خوب پرسیدن Welcome & Asking Good Questions

• "چرا باید React را یاد بگیرم؟" 'Why should I learn React?'

تنظیم محیط شما Setting up Your Environment

• بخش مقدمه: تنظیم محیط Section Intro: Setting up Your Environment

• نصب کد ویژوال استودیو Installing Visual Studio Code

• نصب Node.js & Yarn Installing Node.js & Yarn

سلام واکنش Hello React

سلام واکنش Hello React

• بخش معرفی: Hello React Section Intro: Hello React

• بخش معرفی: Hello React Section Intro: Hello React

• راه اندازی وب سرور Setting up a Web Server

• راه اندازی وب سرور Setting up a Web Server

• سلام واکنش Hello React

• سلام واکنش Hello React

• راه اندازی بابل Setting up Babel

• راه اندازی بابل Setting up Babel

• کاوش در JSX Exploring JSX

• کاوش در JSX Exploring JSX

• عبارات JSX JSX Expressions

• عبارات JSX JSX Expressions

• رندر شرطی در JSX Conditional Rendering in JSX

• رندر شرطی در JSX Conditional Rendering in JSX

• ES6 Aside: const and let ES6 Aside: const and let

• ES6 Aside: const and let ES6 Aside: const and let

• ES6 Aside: عملکردهای پیکان ES6 Aside: Arrow Functions

• ES6 Aside: عملکردهای پیکان ES6 Aside: Arrow Functions

• ES6 Aside: Arrow Functions Part II ES6 Aside: Arrow Functions Part II

• ES6 Aside: Arrow Functions Part II ES6 Aside: Arrow Functions Part II

• رویدادها و ویژگی ها Events and Attributes

• رویدادها و ویژگی ها Events and Attributes

• اتصال دستی داده ها Manual Data Binding

• اتصال دستی داده ها Manual Data Binding

• فرم ها و ورودی ها Forms and Inputs

• فرم ها و ورودی ها Forms and Inputs

• آرایه ها در JSX Arrays in JSX

• آرایه ها در JSX Arrays in JSX

• انتخاب یک گزینه Picking an Option

• انتخاب یک گزینه Picking an Option

• Build It: Visibility Toggle Build It: Visibility Toggle

• Build It: Visibility Toggle Build It: Visibility Toggle

React Components React Components

React Components React Components

• بخش معرفی: اجزای واکنش Section Intro: React Components

• بخش معرفی: اجزای واکنش Section Intro: React Components

• فکر کردن در React Thinking in React

• فکر کردن در React Thinking in React

• کلاس های ES6: قسمت اول ES6 Classes: Part I

• کلاس های ES6: قسمت اول ES6 Classes: Part I

• کلاس های ES6: قسمت دوم ES6 Classes: Part II

• کلاس های ES6: قسمت دوم ES6 Classes: Part II

• ایجاد یک React Component Creating a React Component

• ایجاد یک React Component Creating a React Component

• اجزای تودرتو Nesting Components

• اجزای تودرتو Nesting Components

• لوازم جانبی Component Props

• لوازم جانبی Component Props

• رویدادها و روش ها Events & Methods

• رویدادها و روش ها Events & Methods

• روش صحافی Method Binding

• روش صحافی Method Binding

• حالت جزء چیست؟ What Is Component State?

• حالت جزء چیست؟ What Is Component State?

• افزودن حالت به برنامه پیشخوان: قسمت اول Adding State to Counter App: Part I

• افزودن حالت به برنامه پیشخوان: قسمت اول Adding State to Counter App: Part I

• افزودن ایالت به برنامه پیشخوان: قسمت دوم Adding State to Counter App: Part II

• افزودن ایالت به برنامه پیشخوان: قسمت دوم Adding State to Counter App: Part II

• نحو جایگزین setState Alternative setState Syntax

• نحو جایگزین setState Alternative setState Syntax

• Build It: افزودن حالت به VisibilityToggle Build It: Adding State to VisibilityToggle

• Build It: افزودن حالت به VisibilityToggle Build It: Adding State to VisibilityToggle

• حالت عدم تصمیم: قسمت اول Indecision State: Part I

• حالت عدم تصمیم: قسمت اول Indecision State: Part I

• حالت عدم تصمیم: قسمت دوم Indecision State: Part II

• حالت عدم تصمیم: قسمت دوم Indecision State: Part II

• خلاصه: Props در مقابل دولت Summary: Props vs. State

• خلاصه: Props در مقابل دولت Summary: Props vs. State

اجزای عملکردی بدون تابعیت Stateless Functional Components

اجزای عملکردی بدون تابعیت Stateless Functional Components

• بخش مقدمه: اجزای عملکردی بدون تابعیت Section Intro: Stateless Functional Components

• بخش مقدمه: اجزای عملکردی بدون تابعیت Section Intro: Stateless Functional Components

• مولفه عملکردی بدون تابعیت The Stateless Functional Component

• مولفه عملکردی بدون تابعیت The Stateless Functional Component

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

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

• React Dev Tools React Dev Tools

• React Dev Tools React Dev Tools

• حذف گزینه های فردی Removing Individual Options

• حذف گزینه های فردی Removing Individual Options

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

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

• ذخیره و بارگیری داده های گزینه ها Saving and Loading Options Data

• ذخیره و بارگیری داده های گزینه ها Saving and Loading Options Data

• ذخیره و بارگیری تعداد Saving and Loading the Count

• ذخیره و بارگیری تعداد Saving and Loading the Count

بسته وب Webpack

بسته وب Webpack

• بخش معرفی: پک وب Section Intro: Webpack

• بخش معرفی: پک وب Section Intro: Webpack

• وب پک چیست؟ What Is Webpack?

• وب پک چیست؟ What Is Webpack?

• از ماژول های جهانی اجتناب کنید Avoid Global Modules

• از ماژول های جهانی اجتناب کنید Avoid Global Modules

• نصب و پیکربندی Webpack Installing & Configuring Webpack

• نصب و پیکربندی Webpack Installing & Configuring Webpack

• واردات/صادرات ES6 ES6 import/export

• واردات/صادرات ES6 ES6 import/export

• صادرات پیش فرض Default Exports

• صادرات پیش فرض Default Exports

• وارد کردن ماژول های npm Importing npm Modules

• وارد کردن ماژول های npm Importing npm Modules

• راه اندازی Babel با Webpack Setting up Babel with Webpack

• راه اندازی Babel با Webpack Setting up Babel with Webpack

• یک جزء در هر فایل One Component per File

• یک جزء در هر فایل One Component per File

• نقشه های منبع با Webpack Source Maps with Webpack

• نقشه های منبع با Webpack Source Maps with Webpack

• سرور توسعه دهنده Webpack Webpack Dev Server

• سرور توسعه دهنده Webpack Webpack Dev Server

• ویژگی های کلاس ES6 ES6 class properties

• ویژگی های کلاس ES6 ES6 class properties

استفاده از کامپوننت شخص ثالث Using a Third-Party Component

استفاده از کامپوننت شخص ثالث Using a Third-Party Component

• بخش مقدمه: استفاده از یک جزء شخص ثالث Section Intro: Using a Third-Party Component

• بخش مقدمه: استفاده از یک جزء شخص ثالث Section Intro: Using a Third-Party Component

• انتقال کودکان به کامپوننت Passing Children to Component

• انتقال کودکان به کامپوننت Passing Children to Component

• راه اندازی React-Modal Setting up React-Modal

• راه اندازی React-Modal Setting up React-Modal

• امتیاز: بازسازی سایر اجزای عملکردی بدون تابعیت Bonus: Refactoring Other Stateless Functional Components

• امتیاز: بازسازی سایر اجزای عملکردی بدون تابعیت Bonus: Refactoring Other Stateless Functional Components

Styling React Styling React

Styling React Styling React

• بخش معرفی: Styling React Section Intro: Styling React

• بخش معرفی: Styling React Section Intro: Styling React

• راه اندازی Webpack با SCSS Setting up Webpack with SCSS

• راه اندازی Webpack با SCSS Setting up Webpack with SCSS

• معماری و سبک های سربرگ Architecture and Header Styles

• معماری و سبک های سربرگ Architecture and Header Styles

• بازنشانی آن $#!* Reset That $#!*

• بازنشانی آن $#!* Reset That $#!*

• قالب بندی با متغیرها Theming with Variables

• قالب بندی با متغیرها Theming with Variables

• دکمه بزرگ و لیست گزینه ها Big Button & Options List

• دکمه بزرگ و لیست گزینه ها Big Button & Options List

• حالت دادن به لیست گزینه ها Styling the Options List

• حالت دادن به لیست گزینه ها Styling the Options List

• مورد گزینه یک ظاهر طراحی شده Styling Option Item

• مورد گزینه یک ظاهر طراحی شده Styling Option Item

• یک ظاهر طراحی React-Modal Styling React-Modal

• یک ظاهر طراحی React-Modal Styling React-Modal

• ملاحظات موبایل Mobile Considerations

• ملاحظات موبایل Mobile Considerations

• جایزه: فاویکون Bonus: Favicon

• جایزه: فاویکون Bonus: Favicon

React-Router React-Router

React-Router React-Router

• بخش معرفی: روتر واکنش Section Intro: React Router

• بخش معرفی: روتر واکنش Section Intro: React Router

• سرور در مقابل مسیریابی مشتری Server vs. Client Routing

• سرور در مقابل مسیریابی مشتری Server vs. Client Routing

• راه اندازی برنامه بودجه Setting Up Budget App

• راه اندازی برنامه بودجه Setting Up Budget App

• React-Router 101 React-Router 101

• React-Router 101 React-Router 101

• راه اندازی 404 Setting up a 404

• راه اندازی 404 Setting up a 404

• پیوند بین مسیرها Linking Between Routes

• پیوند بین مسیرها Linking Between Routes

• سازماندهی مسیرهای ما Organizing Our Routes

• سازماندهی مسیرهای ما Organizing Our Routes

• رشته های پرس و جو و پارامترهای URL Query Strings and URL Parameters

• رشته های پرس و جو و پارامترهای URL Query Strings and URL Parameters

• آن را بسازید: روتر برای سایت نمونه کارها Build It: Router for Portfolio Site

• آن را بسازید: روتر برای سایت نمونه کارها Build It: Router for Portfolio Site

Redux Redux

Redux Redux

• بخش معرفی: Redux Section Intro: Redux

• بخش معرفی: Redux Section Intro: Redux

• چرا ما به چیزی مانند Redux نیاز داریم؟ Why Do We Need Something Like Redux?

• چرا ما به چیزی مانند Redux نیاز داریم؟ Why Do We Need Something Like Redux?

• راه اندازی Redux Setting up Redux

• راه اندازی Redux Setting up Redux

• عملیات اعزام Dispatching Actions

• عملیات اعزام Dispatching Actions

• اشتراک و اقدامات پویا Subscribing and Dynamic Actions

• اشتراک و اقدامات پویا Subscribing and Dynamic Actions

• ES6 تخریب شی ES6 Object Destructuring

• ES6 تخریب شی ES6 Object Destructuring

• تخریب آرایه ES6 ES6 Array Destructuring

• تخریب آرایه ES6 ES6 Array Destructuring

• بازسازی و سازماندهی Refactoring and Organizing

• بازسازی و سازماندهی Refactoring and Organizing

• کاهنده ها Reducers

• کاهنده ها Reducers

• کار با کاهش دهنده های متعدد Working with Multiple Reducers

• کار با کاهش دهنده های متعدد Working with Multiple Reducers

• ES6 Spread Operator در Reducers ES6 Spread Operator in Reducers

• ES6 Spread Operator در Reducers ES6 Spread Operator in Reducers

• گسترش اشیاء Spreading Objects

• گسترش اشیاء Spreading Objects

• جمع کردن Reducers ما Wrapping up Our Reducers

• جمع کردن Reducers ما Wrapping up Our Reducers

• فیلتر کردن داده های Redux Filtering Redux Data

• فیلتر کردن داده های Redux Filtering Redux Data

• مرتب سازی داده های Redux Sorting Redux Data

• مرتب سازی داده های Redux Sorting Redux Data

با Redux واکنش نشان دهید React with Redux

با Redux واکنش نشان دهید React with Redux

• بخش معرفی: اتصال React و Redux Section Intro: Connecting React and Redux

• بخش معرفی: اتصال React و Redux Section Intro: Connecting React and Redux

• سازماندهی Redux Organizing Redux

• سازماندهی Redux Organizing Redux

• جزء مرتبه بالاتر The Higher Order Component

• جزء مرتبه بالاتر The Higher Order Component

• اتصال فروشگاه و کامپوننت با React-Redux Connecting Store and Component with React-Redux

• اتصال فروشگاه و کامپوننت با React-Redux Connecting Store and Component with React-Redux

• پرداخت هزینه های فردی Rendering Individual Expenses

• پرداخت هزینه های فردی Rendering Individual Expenses

• ورودی های کنترل شده برای فیلترها Controlled Inputs for Filters

• ورودی های کنترل شده برای فیلترها Controlled Inputs for Filters

• کشویی برای انتخاب SortBy Dropdown for Picking SortBy

• کشویی برای انتخاب SortBy Dropdown for Picking SortBy

• ایجاد فرم افزودن/ویرایش هزینه Creating Expense Add/Edit Form

• ایجاد فرم افزودن/ویرایش هزینه Creating Expense Add/Edit Form

• راه اندازی یک انتخابگر تاریخ Setting up a Date Picker

• راه اندازی یک انتخابگر تاریخ Setting up a Date Picker

• سیم کشی اضافه کردن هزینه Wiring up Add Expense

• سیم کشی اضافه کردن هزینه Wiring up Add Expense

• سیم کشی ویرایش هزینه Wiring up Edit Expense

• سیم کشی ویرایش هزینه Wiring up Edit Expense

• Redux Dev Tools Redux Dev Tools

• Redux Dev Tools Redux Dev Tools

• فیلتر کردن بر اساس تاریخ Filtering by Dates

• فیلتر کردن بر اساس تاریخ Filtering by Dates

آزمایش برنامه شما Testing Your Application

آزمایش برنامه شما Testing Your Application

• بخش مقدمه: آزمایش اجزای واکنش Section Intro: Testing React Components

• بخش مقدمه: آزمایش اجزای واکنش Section Intro: Testing React Components

• راه اندازی Jest Setting up Jest

• راه اندازی Jest Setting up Jest

• هزینه های آزمایشی مولدهای اقدام Testing Expenses Action Generators

• هزینه های آزمایشی مولدهای اقدام Testing Expenses Action Generators

• تست فیلترهای اکشن ژنراتورها Testing Filters Action Generators

• تست فیلترهای اکشن ژنراتورها Testing Filters Action Generators

• انتخاب کننده هزینه های تست Testing Expenses Selector

• انتخاب کننده هزینه های تست Testing Expenses Selector

• تست کاهنده فیلترها Testing Filters Reducer

• تست کاهنده فیلترها Testing Filters Reducer

• کاهش دهنده هزینه های تست Testing Expenses Reducer

• کاهش دهنده هزینه های تست Testing Expenses Reducer

• تست لحظه ای Snapshot Testing

• تست لحظه ای Snapshot Testing

• آنزیم Enzyme

• آنزیم Enzyme

• تست عکس فوری با اجزای پویا Snapshot Testing with Dynamic Components

• تست عکس فوری با اجزای پویا Snapshot Testing with Dynamic Components

• مسخره کردن کتابخانه ها با شوخی Mocking Libraries with Jest

• مسخره کردن کتابخانه ها با شوخی Mocking Libraries with Jest

• تست تعامل کاربر Testing User Interaction

• تست تعامل کاربر Testing User Interaction

• تست جاسوس ها Test Spies

• تست جاسوس ها Test Spies

• تست AddExpensePage Testing AddExpensePage

• تست AddExpensePage Testing AddExpensePage

• آزمایش EditExpensePage Testing EditExpensePage

• آزمایش EditExpensePage Testing EditExpensePage

• تست ExpenseListFilters Testing ExpenseListFilters

• تست ExpenseListFilters Testing ExpenseListFilters

• Testing ExpenseListFilters: قسمت دوم Testing ExpenseListFilters: Part II

• Testing ExpenseListFilters: قسمت دوم Testing ExpenseListFilters: Part II

استقرار برنامه های شما Deploying Your Apps

استقرار برنامه های شما Deploying Your Apps

• بخش معرفی: استقرار برنامه های شما Section Intro: Deploying Your Apps

• بخش معرفی: استقرار برنامه های شما Section Intro: Deploying Your Apps

• نصب Git Installing Git

• نصب Git Installing Git

• گیت چیست؟ What is Git?

• گیت چیست؟ What is Git?

• ادغام Git در پروژه ما Integrating Git into Our Project

• ادغام Git در پروژه ما Integrating Git into Our Project

• راه اندازی SSH و Github Setting up SSH and Github

• راه اندازی SSH و Github Setting up SSH and Github

• وب پک تولیدی Production Webpack

• وب پک تولیدی Production Webpack

• ایجاد فایل های CSS مجزا Creating Separate CSS Files

• ایجاد فایل های CSS مجزا Creating Separate CSS Files

• یک وب سرور تولیدی با Express A Production Web Server with Express

• یک وب سرور تولیدی با Express A Production Web Server with Express

• استقرار با Heroku Deploying with Heroku

• استقرار با Heroku Deploying with Heroku

• وابستگی های منظم در مقابل توسعه Regular vs Development Dependencies

• وابستگی های منظم در مقابل توسعه Regular vs Development Dependencies

• گردش کار ویژگی جدید New Feature Workflow

• گردش کار ویژگی جدید New Feature Workflow

• Build It: اضافه کردن کل انتخابگر Build It: Adding Total Selector

• Build It: اضافه کردن کل انتخابگر Build It: Adding Total Selector

• ساخت آن: اضافه کردن جزء خلاصه Build It: Adding Summary Component

• ساخت آن: اضافه کردن جزء خلاصه Build It: Adding Summary Component

Firebase 101 Firebase 101

Firebase 101 Firebase 101

• معرفی بخش: Firebase 101 Section Intro: Firebase 101

• معرفی بخش: Firebase 101 Section Intro: Firebase 101

• دریافت Firebase Getting Firebase

• دریافت Firebase Getting Firebase

• نوشتن در پایگاه داده Writing to the Database

• نوشتن در پایگاه داده Writing to the Database

• وعده های ES6 ES6 Promises

• وعده های ES6 ES6 Promises

• وعده با Firebase Promises with Firebase

• وعده با Firebase Promises with Firebase

• حذف داده ها از Firebase Removing Data from Firebase

• حذف داده ها از Firebase Removing Data from Firebase

• به روز رسانی داده ها Updating Data

• به روز رسانی داده ها Updating Data

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

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

• داده های آرایه در Firebase: قسمت اول Array Data in Firebase: Part I

• داده های آرایه در Firebase: قسمت اول Array Data in Firebase: Part I

• داده های آرایه در Firebase: قسمت دوم Array Data in Firebase: Part II

• داده های آرایه در Firebase: قسمت دوم Array Data in Firebase: Part II

Firebase با Redux Firebase with Redux

Firebase با Redux Firebase with Redux

• بخش معرفی: Firebase با Redux Section Intro: Firebase with Redux

• بخش معرفی: Firebase با Redux Section Intro: Firebase with Redux

• اقدامات Redux ناهمزمان Asynchronous Redux Actions

• اقدامات Redux ناهمزمان Asynchronous Redux Actions

• آزمایش اقدامات Async Redux: قسمت اول Testing Async Redux Actions: Part I

• آزمایش اقدامات Async Redux: قسمت اول Testing Async Redux Actions: Part I

• آزمایش اقدامات Async Redux: قسمت دوم Testing Async Redux Actions: Part II

• آزمایش اقدامات Async Redux: قسمت دوم Testing Async Redux Actions: Part II

• ایجاد یک پایگاه داده آزمون جداگانه Creating a Separate Test Database

• ایجاد یک پایگاه داده آزمون جداگانه Creating a Separate Test Database

• متغیرهای محیطی Heroku Heroku Environment Variables

• متغیرهای محیطی Heroku Heroku Environment Variables

• واکشی هزینه ها: قسمت اول Fetching Expenses: Part I

• واکشی هزینه ها: قسمت اول Fetching Expenses: Part I

• واکشی هزینه ها: قسمت دوم Fetching Expenses: Part II

• واکشی هزینه ها: قسمت دوم Fetching Expenses: Part II

• حذف هزینه Remove Expense

• حذف هزینه Remove Expense

• به روز رسانی هزینه Update Expense

• به روز رسانی هزینه Update Expense

احراز هویت Firebase Firebase Authentication

احراز هویت Firebase Firebase Authentication

• بخش معرفی: احراز هویت Firebase Section Intro: Firebase Authentication

• بخش معرفی: احراز هویت Firebase Section Intro: Firebase Authentication

• صفحه ورود و احراز هویت گوگل Login Page and Google Authentication

• صفحه ورود و احراز هویت گوگل Login Page and Google Authentication

• خروج از سیستم Logging Out

• خروج از سیستم Logging Out

• تغییر مسیر ورود یا خروج Redirecting Login or Logout

• تغییر مسیر ورود یا خروج Redirecting Login or Logout

• Auth Reducer The Auth Reducer

• Auth Reducer The Auth Reducer

• مسیرهای فقط خصوصی Private Only Routes

• مسیرهای فقط خصوصی Private Only Routes

• مسیرهای فقط عمومی Public Only Routes

• مسیرهای فقط عمومی Public Only Routes

• داده های فایرباس خصوصی Private Firebase Data

• داده های فایرباس خصوصی Private Firebase Data

• اعتبارسنجی و استقرار داده ها Data Validation and Deployment

• اعتبارسنجی و استقرار داده ها Data Validation and Deployment

Styling Expensify App Styling Expensify App

Styling Expensify App Styling Expensify App

• بخش معرفی: برنامه Styling Expensify Section Intro: Styling Expensify App

• بخش معرفی: برنامه Styling Expensify Section Intro: Styling Expensify App

• صفحه ورود به سبک Styling Login Page

• صفحه ورود به سبک Styling Login Page

• دکمه های یک ظاهر طراحی شده Styling Buttons

• دکمه های یک ظاهر طراحی شده Styling Buttons

• منطقه خلاصه یک ظاهر طراحی شده Styling Summary Area

• منطقه خلاصه یک ظاهر طراحی شده Styling Summary Area

• فیلترهای فهرست استایل Styling List Filters

• فیلترهای فهرست استایل Styling List Filters

• ورودی های یک ظاهر طراحی شده Styling Inputs

• ورودی های یک ظاهر طراحی شده Styling Inputs

• فرم هزینه یک ظاهر طراحی شده Styling Expense Form

• فرم هزینه یک ظاهر طراحی شده Styling Expense Form

• فهرست هزینه های استایلینگ: قسمت اول Styling Expenses List: Part I

• فهرست هزینه های استایلینگ: قسمت اول Styling Expenses List: Part I

• لیست هزینه های یک ظاهر طراحی شده: قسمت دوم Styling Expenses List: Part II

• لیست هزینه های یک ظاهر طراحی شده: قسمت دوم Styling Expenses List: Part II

• اضافه کردن لودر Adding Loader

• اضافه کردن لودر Adding Loader

• بابل پلی پر Babel Polyfill

• بابل پلی پر Babel Polyfill

• استقرار نهایی Final Deployment

• استقرار نهایی Final Deployment

حالا چی؟ What Now?

حالا چی؟ What Now?

• بخش به: حالا چه؟ Section Into: What Now?

• بخش به: حالا چه؟ Section Into: What Now?

• ایجاد صفحه دیگ نهایی Creating the Final Boilerplate

• ایجاد صفحه دیگ نهایی Creating the Final Boilerplate

• Expensify App Enhancements Expensify App Enhancements

• Expensify App Enhancements Expensify App Enhancements

• بهبود برنامه عدم تصمیم Indecision App Enhancements

• بهبود برنامه عدم تصمیم Indecision App Enhancements

• ایده جدید برنامه: وبلاگ New App Idea: Blog

• ایده جدید برنامه: وبلاگ New App Idea: Blog

• تا دفعه بعد Until Next Time

• تا دفعه بعد Until Next Time

[جدید!] قلاب ها، زمینه، قطعات، و بیشتر [New!] Hooks, Context, Fragments, and More

[جدید!] قلاب ها، زمینه، قطعات، و بیشتر [New!] Hooks, Context, Fragments, and More

• بخش معرفی Section Intro

• بخش معرفی Section Intro

• با استفاده از Create React App Using Create React App

• با استفاده از Create React App Using Create React App

• UseState Hook The useState Hook

• UseState Hook The useState Hook

• useState در مقابل setState useState vs. setState

• useState در مقابل setState useState vs. setState

• حالت پیچیده با useState Complex State with useState

• حالت پیچیده با useState Complex State with useState

• قلاب useEffect The useEffect Hook

• قلاب useEffect The useEffect Hook

• وابستگی های useEffect useEffect Dependencies

• وابستگی های useEffect useEffect Dependencies

• جلوه های پاکسازی Cleaning up Effects

• جلوه های پاکسازی Cleaning up Effects

• UseReducer Hook The useReducer Hook

• UseReducer Hook The useReducer Hook

• Context API & useContext Hook: قسمت اول The Context API & useContext Hook: Part I

• Context API & useContext Hook: قسمت اول The Context API & useContext Hook: Part I

• Context API & useContext Hook: Part II The Context API & useContext Hook: Part II

• Context API & useContext Hook: Part II The Context API & useContext Hook: Part II

• قطعات Fragments

• قطعات Fragments

• ایجاد قلاب های سفارشی Creating Custom Hooks

• ایجاد قلاب های سفارشی Creating Custom Hooks