ری‌اکت

1. 1

   ری‌اکت چیست؟

   What React isComponents as functionsVirtual DOM intuitionRendering JSXCreating a Vite app
   25 دقیقه
2. 2

   JSX و کامپوننت‌ها (Components)

   JSX syntax rulesSingle root elementClassName vs classEmbedding expressions with {}Defining componentsComposing components
   30 دقیقه
3. 3

   پراپس (Props)

   Passing props as attributesReceiving props objectDestructuring props in signatureDefault valuesThinking about prop shapes
   30 دقیقه
4. 4

   وضعیت (State) با useState

   UseState hookReading stateCalling the setterUpdater function formNever mutate stateCounter pattern
   35 دقیقه
5. 5

   مدیریت رویدادها

   OnClick handlerOnChange basicsPassing functions vs calling themEvent objectPassing handlers as props
   30 دقیقه
6. 6

   رندر شرطی و لیست‌ها

   && for show/hideTernary for either/orMapping arrays to JSXThe key propWhy keys need to be stable
   30 دقیقه
7. 7

   فرم‌ها و ورودی‌های کنترل‌شده (Controlled Inputs)

   Controlled input patternValue and onChange togetherMulti-field form stateOnSubmit and preventDefaultGathering form data
   35 دقیقه
8. 8

   افکت‌ها (Effects) با useEffect

   What counts as a side effectUseEffect signatureDependency arrayRunning on mount onlyCleanup functionSubscribe/unsubscribe pattern
   40 دقیقه
9. 9

   ترکیب کامپوننت (Component)

   Children propWrapping componentsPassing JSX as propsLifting state upThinking in component trees
   35 دقیقه
10. 10

    Context و useContext

    CreateContextContext.ProviderUseContextWhen context is the right toolContext vs prop drilling tradeoffs
    35 دقیقه
11. 11

    useReducer

    When to reach for useReducerReducer function shapeAction objectsDispatchCombining useReducer with useContext
    35 دقیقه
12. 12

    هوک‌های سفارشی (Hooks)

    Extracting stateful logic into a functionUse prefix conventionUseToggle exampleUseLocalStorage exampleHooks rules
    35 دقیقه
13. 13

    عملکرد و مموایزیشن (Memoization)

    React.memo for componentsUseMemo for expensive computationsUseCallback for stable function referencesWhen memoization is overkillMeasuring before optimizing
    35 دقیقه
14. 14

    دریافت داده

    Fetch inside useEffectLoading/error/data statesAbortController cleanupPreventing setState after unmountMention TanStack Query as a next step
    40 دقیقه
15. 15

    مسیریابی با React Router

    Installing react-router-domBrowserRouterRoutes and RouteLink for navigationUseParamsUseNavigate
    40 دقیقه
16. 16

    آزمایش کامپوننت‌های ری‌اکت (Components)

    Vitest + React Testing Library setupRender and screenGetByRole queriesUserEvent for interactionsWriting one good button test
    40 دقیقه
17. 17

    پروژه نهایی: برنامه کارها

    Combining state, lists, controlled inputsCustom hook for localStorage persistenceSmall routing setupPutting it together
    60 دقیقه

هر درس، آزمون و پاسخ مربی به زبان شما نمایش داده می‌شود. مربی هوشمند به همان زبانی پاسخ می‌دهد که شما سوال می‌کنید.

See how hiring teams interview engineers on React, in production-like environments.