آموزش مبانی مدرن ری‌اکت ۲۰۲۶: راهنمای جامع و کاربردی برای توسعه‌دهندگان - آخرین آپدیت

مقدمه Introduction

• معرفی دوره Course Introduction

• چیستی، چرایی و جایگزین‌های ری‌اکت What, Why, and React Alternatives

• کامپوننت چیست؟ What Is a Component?

• راه اندازی محیط کدنویسی در ویندوز Set Up the Coding Environment on Windows

• ایجاد اولین پروژه ری‌اکت Create Your First React Project

• ساختار پروژه Project Structure

• ساخت اولین کامپوننت ری‌اکت Creating the First React Component

• مرور مجدد کدها Revisit the Code

مفهوم JSX JSX

• مقدمه فصل Chapter Introduction

• ساختار بهینه تر A Better Structure

• پیاده‌سازی کامپوننت SubscriptionForm Implementing SubscriptionForm Component

• استایل‌های درون خطی (Inline Styles) Inline Styles

• عبارات جاوااسکریپتی JavaScript Expressions

• المان ریشه واحد و React Fragments One Root Element and React Fragments

• کلاس‌های CSS CSS Classes

پراپ‌ها (Props) Props

• مقدمه فصل Chapter Introduction

• نصب پکیج‌های شخص ثالث Install Third-party Packages

• پیاده‌سازی کامپوننت Quote Implementing Quote Component

• افزودن Props به کامپوننت Quote Adding Props to Quote Component

• بررسی دقیق Props Props in Detail

• تابع Map Map Function

• پراپ Key Key Prop

• بررسی props.children props.children

مدیریت وضعیت (State) State

• مقدمه Introduction

• ساختار JSX برای شمارنده Counter's JSX

• مدیریت‌کننده‌های رویداد (Event Handlers) Event Handlers

• اولین پیاده‌سازی شمارنده Counter First Implementation

• هوک useState useState Hook

ساخت یک پروژه کاربردی Building a Practical Project

• مرور کلی پروژه Project Overview

• بررسی کامپوننت‌های مورد نیاز Talk About the Components!

• کامپوننت SearchInput SearchInput Component

• کامپوننت Anime Anime Component

• کامپوننت AnimeList AnimeList Component

• کار با Anime API و axios Anime API and axios

• بحث بیشتر در مورد جستجو Talk More About Search

• تابع جستجو Search Function

• پراپ‌های SearchInput SearchInput Props

• ورودی‌های کنترل شده (Controlled Inputs) Controlled Inputs

• استفاده از پاسخ API Consume the API Response

• عدم تغییر مستقیم در State Cannot Mutate State

• افزودن به علاقه‌مندی‌ها Add to Favorites

• حذف از علاقه‌مندی‌ها Remove from Favorites

• کامپوننت Loading Loading Component

• ماژول‌های CSS CSS Modules

• حالت‌های بارگذاری و خطا Loading and Error States

• افزودن Loading و Error به JSX Add Loading and Error to JSX

• حل یک مشکل جدید Yet Another Issue!

• بررسی دقیق هوک useEffect useEffect Hook in Detail

• جستجوی اولیه The Initial Search

• تغییرات سریع نهایی A Quick Change