متوسط
ریاکت
ریاکت را از صفر یاد بگیرید. کامپوننتها، state، هوکها، context، کارایی، مسیریابی، تست، و یک پروژه نهایی جامع.
17 درس10.2h عملی11 زبان
یادگیری رایگان را شروع کنریاکت دوره17 درس، به ترتیب
- 125 دقیقه
ریاکت چیست؟
What React isComponents as functionsVirtual DOM intuitionRendering JSXCreating a Vite app - 230 دقیقه
JSX و کامپوننتها
JSX syntax rulesSingle root elementClassName vs classEmbedding expressions with {}Defining componentsComposing components - 330 دقیقه
ویژگیها
Passing props as attributesReceiving props objectDestructuring props in signatureDefault valuesThinking about prop shapes - 435 دقیقه
وضعیت با useState
UseState hookReading stateCalling the setterUpdater function formNever mutate stateCounter pattern - 530 دقیقه
مدیریت رویدادها
OnClick handlerOnChange basicsPassing functions vs calling themEvent objectPassing handlers as props - 630 دقیقه
رندر شرطی و لیستها
&& for show/hideTernary for either/orMapping arrays to JSXThe key propWhy keys need to be stable - 735 دقیقه
فرمها و ورودیهای کنترلشده
Controlled input patternValue and onChange togetherMulti-field form stateOnSubmit and preventDefaultGathering form data - 840 دقیقه
افکتها با useEffect
What counts as a side effectUseEffect signatureDependency arrayRunning on mount onlyCleanup functionSubscribe/unsubscribe pattern - 935 دقیقه
ترکیب کامپوننت
Children propWrapping componentsPassing JSX as propsLifting state upThinking in component trees - 1035 دقیقه
Context و useContext
CreateContextContext.ProviderUseContextWhen context is the right toolContext vs prop drilling tradeoffs - 1135 دقیقه
یوزریدیوسر
When to reach for useReducerReducer function shapeAction objectsDispatchCombining useReducer with useContext - 1235 دقیقه
هوکهای سفارشی
Extracting stateful logic into a functionUse prefix conventionUseToggle exampleUseLocalStorage exampleHooks rules - 1335 دقیقه
عملکرد و مموایزیشن
React.memo for componentsUseMemo for expensive computationsUseCallback for stable function referencesWhen memoization is overkillMeasuring before optimizing - 1440 دقیقه
دریافت داده
Fetch inside useEffectLoading/error/data statesAbortController cleanupPreventing setState after unmountMention TanStack Query as a next step - 1540 دقیقه
مسیریابی با React Router
Installing react-router-domBrowserRouterRoutes and RouteLink for navigationUseParamsUseNavigate - 1640 دقیقه
آزمایش کامپوننتهای ریاکت
Vitest + React Testing Library setupRender and screenGetByRole queriesUserEvent for interactionsWriting one good button test - 1760 دقیقه
پروژه نهایی: برنامه کارها
Combining state, lists, controlled inputsCustom hook for localStorage persistenceSmall routing setupPutting it together
ریاکت را به زبان خودت یاد بگیر
هر درس، آزمون و پاسخ مربی به زبان شما نمایش داده میشود. مربی هوشمند به همان زبانی پاسخ میدهد که شما سوال میکنید.