آموزش تسلط بر React 19: ساخت اپلیکیشن‌های وب مدرن با جدیدترین قابلیت‌ها - آخرین آپدیت

درس‌ها Lessons

• خوش‌آمدگویی و پیش‌نیازها Welcome and Prerequisites

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

• ساخت یک اپلیکیشن ری‌اکت Creating a React App

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

• کامپوننت‌های ری‌اکت React Components

• اکوسیستم ری‌اکت React Ecosystem

• راه‌اندازی پروژه با React 19 Project setup with React 19

• نصب و پیکربندی Tailwind CSS Setting Up Tailwind CSS

• مفهوم JSX و کامپوننت‌ها JSX and Components

• درک Props Understanding Props

• انواع Prop (Prop Types) Prop Types

• آشنایی با هوک‌ها و State Intro to Hooks and State

• فیلتر کردن داده‌ها با State Filtering Data with State

• بازنویسی و بهینه‌سازی کد (Refactoring) Refactoring

• مقدمه‌ای بر APIها Introduction to APIs

• دریافت داده‌ها با Axios Fetching Data with Axios

• مدیریت وضعیت در حال بارگذاری (Loading State) Handling the Loading State

• هوک Use در React 19 React 19 Use Hook

• معرفی TanStack Query TanStack Query

• فیلتر کردن داده‌ها از طریق API Filtering Data through API

• بهبود قابلیت‌های فیلترینگ Enhancing the Filtering Functionality

• مرتب‌سازی داده‌ها (Sorting) Sorting

• استخراج کلاینت HTTP Extracting an HTTP Client

• هوک‌های سفارشی (Custom Hooks) Custom Hooks

• لودرهای اسکلتی (Skeleton Loaders) Skeleton Loaders

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

• ناوبری (Navigation) Navigation

• مسیریابی پویا (Dynamic Routing) Dynamic Routing

• لینک‌های صفحات Page Links

• مدیریت مسیرهای نامعتبر Invalid Routes

• نکات نهایی Final Notes

• مقدمه‌ای بر مدیریت وضعیت (State Management) Introduction to State Management

• ساخت Context Provider Creating a Context Provider

• پیاده‌سازی افزودن به سبد خرید با useContext API Add to Cart Functionality with useContext API

• استفاده از CSS-in-JS و Styled Components CSS in JS and Styled Components

• ساخت کامپوننت سبد خرید Building a Shopping Cart Component

• به‌روزرسانی آیتم‌ها و تعداد در سبد خرید Updating Cart Items and Quantities

• نمایش تعداد کل آیتم‌های سبد خرید Displaying Total Cart Items

• ذخیره‌سازی وضعیت در Local Storage Persisting State in Local Storage

• مقدمه‌ای بر فرم‌ها Introduction to Forms

• جزئیات صفحه پرداخت (Checkout) Checkout Page Details

• خلاصه سبد خرید Cart Summary

• فرم پرداخت Checkout Form

• عملیات فرم‌ها (Form Actions) Form Actions

• صفحه موفقیت‌آمیز بودن پرداخت Checkout Success Page

• دیپلوی و انتشار پروژه Deployment

• مرور نهایی دوره Course Recap