آموزش پروژه‌های مقدماتی React 2026 – ساخت پورتفولیوی حرفه‌ای برنامه‌نویس - آخرین آپدیت

شروع کار Getting Started

• مقدمه Introduction

• چرا استفاده از Hookها؟ Why Hooks?

• معماری پروژه Project Architecture

• راه‌اندازی اولیه پروژه Bootstrapping Project

• کار با Prettier Prettier

• تنظیم API محلی Setting Up Local API

ساخت کامپوننت‌های پایه Creating Basic Components

• نصب Router Installing Router

• افزودن Topbar Adding Topbar

• رندر کردن صفحه ورود Rendering Login Page

• Hook استفاده از useState useState Hook

• استفاده از useState برای صفحه ورود useState Hook for Login Page

معرفی useEffect و بهبود احراز هویت Introducing use Effect & Improving Authentication

• کار با useRef useRef

• کار با useEffect useEffect

• انجام Fetch داخل Effect Making Fetch Inside Effect

• Hook استفاده از useFetch useFetch Hook

• ساخت Hook اختصاصی useFetch Creating useFetch Hook

• صفحه ثبت‌نام Register Page

• ذخیره توکن کاربر Saving User Token

• ساخت Custom Hook برای LocalStorage LocalStorage Custom Hook

• مفهوم Exhaustive Deps Exhaustive Deps

• Context کاربر فعلی Current User Context

• خطاهای اعتبارسنجی Validation Errors

• دریافت اطلاعات کاربر فعلی Fetching Current User

• Hook استفاده از useCallback useCallback Hook

ساخت فید (Feed) Creating Feed

• بهبود Topbar Improving Topbar

• ساخت فید Creating Feed

• پیاده‌سازی صفحه‌بندی (Pagination) Implementing Pagination

• افزودن تگ‌های محبوب Adding Popular Tags

• کنترل نمایش فید (Toggler) Feed Toggler

• پیاده‌سازی فید بر اساس تگ Implementing Tag Feed

• پیاده‌سازی فید شخصی شما Implementing Your Feed

پیاده‌سازی صفحات مقاله Implementing Article Pages

• صفحه مقاله Article Page

• کار با useReducer useReducer

• فرم مقاله Article Form

• ایجاد مقاله Create Article

• ویرایش مقاله Edit Article

• حذف مقاله Delete Article

افزودن صفحات کاربر Adding User Pages

• صفحه تنظیمات Settings Page

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

• صفحه پروفایل کاربر User Profile Page

• نمایش مقالات کاربر Implementing User Articles

• استفاده از useEffect Callback useEffect Callback

گام‌های بعدی Next Steps

• تمرین و تکلیف Homework