آموزش **سوالات مصاحبه React - آمادگی برای مصاحبه کدنویسی 2025** - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• این بخش درباره چیست؟ What is this section about?

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

• چگونه یک برنامه React ایجاد کنیم؟ How to create React application?

• فایل PDF Pdf file

• من کد منبع را برای شما آماده کرده‌ام I prepared source code for you

دانش پایه Basic Knowledge

• این بخش درباره چیست؟ What is this section about?

• DOM مجازی چیست؟ What is virtual DOM?

• JSX چیست؟ What is JSX?

• چرا از className به جای class استفاده می‌کنیم؟ Why do we use className and not class?

• کامپوننت‌های تابعی و 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?

• رندرینگ شرطی در React چیست؟ What is conditional rendering in React?

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

• ارتباط والد و فرزند در React چگونه کار می‌کند؟ How parent child communication is working in React?

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

• useState hook چیست؟ What is useState hook?

• useEffect hook چیست؟ What is useEffect hook?

• useReducer hook چیست؟ What is useReducer hook?

• useContext hook چیست؟ What is useContext hook?

• useRef hook چیست؟ What is useRef hook?

• useMemo hook چیست؟ What is useMemo hook?

• useCallback hook چیست؟ What is useCallback hook?

• نوشتن custom hook در React به نام useFetch Write React custom hook useFetch

• نوشتن custom hook در React به نام useLocalStorage Write React custom hook useLocalStorage

• React.memo React.memo - rendering optimisation in React

• بهترین ساختار فایل 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?

• Typescript در React چگونه کار می‌کند؟ How does Typescript work in React?

• High Order Components (HOC) چه هستند؟ What are high order components? (HOC)

• نوشتن یک مثال از فرم در React Write an example of form inside React

• چرا strict mode دو بار در React رندر می‌شود؟ Why does strict mode renders twice in React?

• آیا نیاز دارم تمام کامپوننت‌های کلاسی خود را با hooks بازنویسی کنم؟ 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?

• Server Side Rendering در React چیست؟ What is server side rendering in React?

مدیریت State State management

• React Query React Query

• Redux در Javascript ساده چگونه کار می‌کند؟ How Redux works in plain Javascript?

• Redux با React چگونه کار می‌کند؟ How does Redux work together with React?

• Redux toolkit چگونه کار می‌کند؟ How does Redux toolkit work?

تکلیف Homework

• تکلیف Homework

• جلسه جایزه Bonus Lecture