آموزش ساخت اپلیکیشن با React - آخرین آپدیت

مبانی React React Fundamentals

• مقدمه: دوره و مجموعه آموزش‌ها Introduction: Course and Series

• یادگیری برنامه‌نویسی در عصر هوش مصنوعی مولد Learning Programming in the Age of Generative AI

• نحوه ارسال تکالیف Submitting Assignments

• مقدمه: ایجاد کامپوننت‌های React Introduction: Creating React Components

• کتابخانه‌ها و فریم‌ورک‌ها Libraries and Frameworks

• اولین اپلیکیشن React First React App

• کامپوننت‌های تابعی در React React Function Components

• المان‌های React و JSX React Elements and JSX

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

• استفاده مجدد از کامپوننت‌ها با Properties Reusing Components with Properties

• رندر کردن لیست‌ها با map Rendering Lists with map

• کلیدها (Keys) و هویت کامپوننت Keys and Component Identity

• الگوهای رندرینگ شرطی Conditional Rendering Patterns

• کامپوننت‌های React: درک مکانیزم‌ها (بخش اول) React Components: Understanding the Mechanics (Part I)

• کامپوننت‌های React: درک مکانیزم‌ها (بخش دوم) React Components: Understanding the Mechanics (Part II)

• جمع‌بندی: ایجاد کامپوننت‌های React Conclusion: Creating React Components

• مقدمه: مدیریت رویدادها در کامپوننت‌های React Introduction: Handling Events in React Components

• افزودن Event Listenerها در React Adding Event Listeners in React

• اشیای رویداد در React React Event Objects

• جلوگیری از اشتباهات رایج در رویدادهای React Avoiding Common React Event Mistakes

• رویدادهای React: درک مکانیزم‌ها React Events: Understanding the Mechanics

• جمع‌بندی: مدیریت رویدادها در کامپوننت‌های React Conclusion: Handling Events in React Components

• مقدمه: مدیریت حالت (State) در کامپوننت‌های React Introduction: Managing State in React Components

• حالت React و useState React State and useState

• به‌روزرسانی حالت Updating State

• درک (و اجتناب از) Mutation Understanding (and Avoiding) Mutation

• جلوگیری از اشتباهات رایج در State ری‌اکت Avoiding Common React State Mistakes

• حالت React: درک مکانیزم‌ها React State: Understanding the Mechanics

• جمع‌بندی: مدیریت حالت در کامپوننت‌های React Conclusion: Managing State in React Components

هوک‌های React React Hooks

• مقدمه: مبانی هوک‌ها (Hooks) Introduction: Hooks Fundamentals

• هوک‌های React React Hooks

• useRef: ذخیره مقادیر بدون رندر مجدد useRef: Storing Values without Rerendering

• رهگیری مقادیر ورودی Tracking Input Values

• رف‌های React: درک مکانیزم‌ها React Refs: Understanding the Mechanics

• پروژه عملی: بازی حدس رنگ Let's Build: Color Guessing Game

• جمع‌بندی: مبانی هوک‌ها Conclusion: Hooks Fundamentals

• مقدمه: useEffect و اثرات جانبی (Side Effects) Introduction: useEffect and Side Effects

• useEffect: اجرای کد با اثرات جانبی useEffect: Running Code with Side Effects

• useEffect و وابستگی‌ها (Dependencies) useEffect and Dependencies

• پاک‌سازی (Cleanup) در useEffect useEffect Cleanup

• جلوگیری از اشتباهات رایج در useEffect Avoiding Common useEffect Mistakes

• اثرات React: درک مکانیزم‌ها React Effects: Understanding the Mechanics

• پروژه عملی: تایمر شمارشی معکوس Let's Build: Countdown Timer

• جمع‌بندی: useEffect و اثرات جانبی Conclusion: useEffect and Side Effects

• مقدمه: عملکرد (Performance) و هوک‌های سفارشی Introduction: Performance and Custom Hooks

• هوک‌های بهینه‌سازی عملکرد Performance Optimization Hooks

• ساخت هوک‌های سفارشی Creating Custom Hooks

• جمع‌بندی: عملکرد و هوک‌های سفارشی Conclusion: Performance and Custom Hooks

الگوهای طراحی React و استقرار React Design Patterns and Deployment

• مقدمه: مدیریت حالت در بین کامپوننت‌ها Introduction: State Across Components

• اشتراک‌گذاری حالت بین کامپوننت‌ها Sharing State Across Components

• Callback Props Callback Props

• بالا بردن حالت (Lifting State Up) Lifting State Up

• useContext: اشتراک‌گذاری حالت بین کامپوننت‌ها useContext: Sharing State Across Components

• useReducer: مدل‌سازی تغییرات حالت با Actionها useReducer: Modeling State Changes with Actions

• جمع‌بندی: مدیریت حالت در بین کامپوننت‌ها Conclusion: State Across Components

• مقدمه: کتابخانه‌ها و الگوهای رایج React Introduction: Common React Libraries and Patterns

• Element Hoisting Element Hoisting

• اپلیکیشن‌های تک‌صفحه‌ای (SPA) با React Router Single Page Applications (SPAs) with React Router

• مدیریت حالت با Zustand Managing State with Zustand

• مدیریت داده‌های نامتقارن با TanStack Query Managing Asynchronous Data with TanStack Query

• چندزبانه سازی با React i18next Internationalization with React-i18next

• پروژه عملی: لیمون تایمر Let's Build: Lemon Timer

• جمع‌بندی: کتابخانه‌ها و الگوهای رایج React Conclusion: Common React Libraries and Patterns

• مقدمه: دیباگینگ و استقرار اپلیکیشن‌ها Introduction: Debugging and Deploying Applications

• شناسایی مشکلات رایج با Strict Mode Detecting Common Problems with Strict Mode

• استفاده از React Developer Tools Using React Developer Tools

• لینترهای React React Linters

• استقرار اپلیکیشن‌های React در Github Pages Deploying React Applications to Github Pages

• جمع‌بندی: دیباگینگ و استقرار اپلیکیشن‌ها Conclusion: Debugging and Deploying Applications