آموزش تسلط بر مصاحبه‌های ریکت ۲۰۲۶ – پرسش و پاسخ نقش‌های فرانت‌اند - آخرین آپدیت

مقدمه Introduction

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

• مزایا و معایب ریکت Pros and Cons of React

• چگونه یک اپلیکیشن ریکت ایجاد کنیم؟ How to Create React Application?

• فایل PDF PDF File

• کدهای منبع آماده شده برای شما I Prepared Source Code for You

دانش پایه Basic Knowledge

• Virtual DOM چیست؟ What is Virtual DOM?

• JSX چیست؟ What is JSX?

• چرا از className استفاده می‌کنیم و نه class؟ Why Do We Use className and Not class?

• کامپوننت‌های تابعی (Functional) و Props چیستند؟ What are Functional Components and Props?

• کامپوننت‌های کلاسی، Props و State چیستند؟ What are Class Components, Props, and State?

• تفاوت کامپوننت‌های Dumb و Smart چیست؟ What are Dumb vs Smart Components?

• Key Index Map چیست؟ What is a Key Index Map?

• React.Fragment چیست؟ What is React.Fragment?

• رندرینگ شرطی (Conditional Rendering) در ریکت چیست؟ What is Conditional Rendering in React?

• چگونه استایل‌ها را در ریکت اعمال کنیم؟ How to Apply Styles in React?

• ارتباط بین والد و فرزند در ریکت چگونه کار می‌کند؟ How Parent-Child Communication Works in React?

دانش پیشرفته Advanced Knowledge

• هوک useState چیست؟ What is use State Hook?

• هوک useEffect چیست؟ What is useEffect Hook?

• هوک useReducer چیست؟ What is useReducer Hook?

• هوک useContext چیست؟ What is useContext Hook?

• هوک useRef چیست؟ What is useRef Hook?

• هوک useMemo چیست؟ What is useMemo Hook?

• هوک useCallback چیست؟ What is useCallback Hook?

• نوشتن هوک سفارشی useFetch در ریکت Write React Custom Hook useFetch

• نوشتن هوک سفارشی useLocalStorage در ریکت Write React Custom Hook useLocalStorage

• بهینه‌سازی رندرینگ در ریکت با React.memo React.memo - Rendering Optimization in React

• بهترین ساختار فایل در ریکت چیست؟ What is the Best React File Structure?

• React Router چگونه کار می‌کند؟ How Does React Router Work?

• React Portals چیست؟ What is React Portals?

• React Lazy و React Suspense چیستند؟ What is React Lazy and React Suspense?

• تایپ‌اسکریپت در ریکت چگونه کار می‌کند؟ How Does Typescript Work in React?

• کامپوننت‌های مرتبه بالا (HOC) چیستند؟ What Are Higher Order Components (HOC)?

• مثالی از پیاده‌سازی فرم در ریکت Write an Example of Form Inside React

• چرا Strict Mode در ریکت دو بار رندر می‌کند؟ Why Does Strict Mode Render Twice in React?

• آیا نیاز است تمام کامپوننت‌های کلاسی را با هوک‌ها بازنویسی کنم؟ Do I Need to Rewrite All My Class Components with Hooks?

• آیا می‌توان بدون فراخوانی setState، یک کامپوننت را مجبور به رندر مجدد کرد؟ Can You Force a Component to Re-render Without Calling setState?

• React Fiber چیست؟ What is React Fiber?

• رندرینگ سمت سرور (SSR) در ریکت چیست؟ What is Server Side Rendering in React?

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

• React Query React Query

• Redux در جاوااسکریپت خالص چگونه کار می‌کند؟ How Redux Works in Plain JavaScript?

• Redux چگونه در کنار ریکت کار می‌کند؟ How Does Redux Work Together with React?

• Redux Toolkit چگونه کار می‌کند؟ How Does Redux Toolkit Work?

تمرین‌ها Homework

• تمرین‌ها Homework