آموزش جامع ساخت پورتفولیو با React JS سال 2026 - کارگاه عملی برای مبتدیان - آخرین آپدیت

آماده‌سازی ابزارها Preparing Tools

• مقدمه Introduction

• چه مواردی را پیاده‌سازی خواهیم کرد؟ What We Will Implement?

• ایجاد پروژه React Generating React Project

• معرفی فایل‌های آماده شده I Prepared Some Files

ساخت اولین کامپوننت‌ها Creating Our First Components

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

• رندر کردن ساختار کامپوننت‌ها Rendering React Components Markup

• حالت Strict Mode در ری‌اکت React Strict Mode

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

• هوک useState useState Hook

• هوک useReducer useReducer Hook

• وضعیت سراسری (Global State) در ری‌اکت Global State in React

افزودن قابلیت‌های کاربردی Adding Functionality

• رندر کردن سوالات Rendering Questions

• ساخت دکمه بعدی Next Button

• صفحه نمایش نتایج Result Page

• رندر کردن پاسخ‌ها Rendering Answers

• برجسته کردن پاسخ‌ها Highlighting Answers

کار با API واقعی Working with Real API

• ایجاد سوالات ناهمگام با Trivia API Making Async Questions with Trivia API

• مدیریت خطاهای API Handling API Errors

استقرار و انتشار (Deployment) Deployment

• اجاره سرور عملیاتی برای استقرار React Renting a Production Server to Deploy React

• پیکربندی سرور برای انتشار پروژه Configuring Production Server to Deploy React

• آپلود پروژه React روی سرور Uploading React to Production

گام‌های بعدی چیست؟ What's Next?

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