मध्यम
React
शून्य से React सीखें. कंपोनेंट, स्टेट, हुक, कॉन्टेक्स्ट, परफॉर्मेंस, रूटिंग, टेस्टिंग, और एक कैपस्टोन ऐप.
17 पाठ10.2h हैंड्स-ऑन11 भाषाएँ
मुफ्त सीखना शुरू करेंReact कोर्स17 पाठ, क्रम में
- 125 मिनट
React क्या है?
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 के साथ State
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 मिनट
useReducer
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 मिनट
React Components का परीक्षण
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
अपनी भाषा में React सीखें
हर पाठ, क्विज़ और ट्यूटर का जवाब आपकी भाषा में आता है। AI ट्यूटर उसी भाषा में जवाब देता है जिसमें आप पूछते हैं।
