446 مورد
#1 React چیست؟ هسته React #2 تاریخچه و روند تکامل React چگونه بوده است؟ هسته React #3 ویژگیهای اصلی React چیست؟ هسته React #4 JSX چیست؟ هسته React #5 تفاوت React Element و Component چیست؟ هسته React #6 Componentها را در React چگونه میسازیم؟ هسته React #7 چه زمانی باید به‌جای Function Component از Class Component استفاده کنیم؟ هسته React #8 Pure Componentها در React چه هستند؟ هسته React #9 State در React چیست؟ هسته React #10 Props در React چه هستند؟ هسته React #11 تفاوت State و Props چیست؟ هسته React #12 مدیریت Event در HTML و React چه تفاوتی دارد؟ هسته React #13 Synthetic Eventها در React چه هستند؟ هسته React #14 عبارتهای شرطی inline در React چیستند؟ هسته React #15 prop به نام key چیست و در آرایهای از Elementها چه فایدهای دارد؟ هسته React #16 Virtual DOM چیست؟ هسته React #17 Virtual DOM چگونه کار می‌کند؟ هسته React #18 تفاوت Shadow DOM و Virtual DOM چیست؟ هسته React #19 React Fiber چیست؟ هسته React #20 هدف اصلی React Fiber چیست؟ هسته React #21 Controlled Componentها چه هستند؟ هسته React #22 Uncontrolled Componentها چه هستند؟ هسته React #23 تفاوت createElement و cloneElement چیست؟ هسته React #24 Lifting State Up در React چیست؟ هسته React #25 Higher-Order Componentها (HOC) چه هستند؟ هسته React #26 prop به نام children چیست؟ هسته React #27 در React چگونه Comment مینویسیم؟ هسته React #28 Reconciliation در React چیست؟ هسته React #29 آیا React.lazy از named export پشتیبانی می‌کند؟ هسته React #30 چرا React به‌جای attribute به نام class از className استفاده می‌کند؟ هسته React #31 Fragmentها در React چه هستند؟ هسته React #32 چرا در بعضی شرایط Fragment بهتر از div اضافه است؟ هسته React #33 Portalها در React چه هستند؟ هسته React #34 Stateless Componentها چه هستند؟ هسته React #35 Stateful Componentها چه هستند؟ هسته React #36 چگونه Props را در React اعتبارسنجی میکنیم؟ هسته React #37 مزایای React چیست؟ هسته React #38 محدودیتهای React چیست؟ هسته React #39 روشهای پیشنهادی برای Static Type Checking در React چیست؟ هسته React #40 پکیج react-dom چه کاربردی دارد؟ هسته React #41 ReactDOMServer چیست؟ هسته React #42 در React چگونه HTML خام را render میکنیم؟ هسته React #43 چگونه در React Style اعمال میکنیم؟ هسته React #44 Eventها در React چه تفاوتی با DOM معمولی دارند؟ هسته React #45 استفاده از index بهعنوان key چه تأثیری دارد؟ هسته React #46 چگونه Componentها را به‌صورت شرطی render میکنیم؟ هسته React #47 چرا هنگام Spread کردن Props روی DOM Elementها باید دقت کنیم؟ هسته React #48 چگونه یک Component را Memoize میکنیم؟ هسته React #49 Server-Side Rendering (SSR) را چگونه پیادهسازی میکنیم؟ هسته React #50 حالت Production در React چگونه فعال میشود؟ هسته React #51 آیا Hookها جای Render Props و HOCها را میگیرند؟ هسته React #52 Switching Component چیست؟ هسته React #54 React از چه Pointer Eventهایی پشتیبانی می‌کند؟ هسته React #55 چرا نام Componentها باید با حرف بزرگ شروع شود؟ هسته React #56 آیا React 16 از Custom DOM Attributeها پشتیبانی می‌کند؟ هسته React #57 چگونه داخل JSX روی دادهها Loop میزنیم؟ هسته React #58 چگونه مقدار Props را در Attributeهای JSX استفاده میکنیم؟ هسته React #59 PropType مربوط به آرایهای از Objectها با shape در React چیست؟ هسته React #60 چگونه className را به‌صورت شرطی اعمال میکنیم؟ هسته React #61 تفاوت React و ReactDOM چیست؟ هسته React #62 چرا ReactDOM از React جدا شده است؟ هسته React #63 Element مربوط به label را در React چگونه استفاده میکنیم؟ هسته React #64 چگونه چند Object مربوط به Inline Style را با هم ترکیب میکنیم؟ هسته React #65 چگونه هنگام تغییر اندازه مرورگر View را به‌روزرسانی میکنیم؟ هسته React #66 چگونه JSON را در React به‌صورت خوانا نمایش میدهیم؟ هسته React #67 چرا نباید Props را در React تغییر دهیم؟ هسته React #68 چگونه هنگام Load صفحه یک Input را Focus میکنیم؟ هسته React #69 چگونه نسخه React را هنگام Runtime در مرورگر پیدا میکنیم؟ هسته React #70 چگونه Google Analytics را به React Router متصل میکنیم؟ هسته React #71 چگونه Vendor Prefixها را در Inline Styleهای React اعمال میکنیم؟ هسته React #72 چگونه Componentها را با React و ES Modules import/export میکنیم؟ هسته React #73 استثناهای نامگذاری Componentها در React چیست؟ هسته React #74 آیا می‌توان در React معمولی از async/await استفاده کرد؟ هسته React #75 ساختارهای رایج پوشهبندی در پروژه React چیست؟ هسته React #76 پکیجهای رایج Animation در اکوسیستم React کداماند؟ هسته React #77 مزایای CSS/Style Moduleها چیست؟ هسته React #78 Lintingهای رایج مخصوص React کداماند؟ هسته React #79 React Router چیست؟ React Router #80 React Router چه تفاوتی با کتابخانه history دارد؟ React Router #81 Componentهای Router در React Router v6 کداماند؟ React Router #82 متدهای push و replace در history چه کاربردی دارند؟ React Router #83 چگونه در React Router v4 به‌صورت برنامهنویسیشده Navigation انجام میدهیم؟ React Router #84 چگونه Query Parameterها را در React Router v4 دریافت میکنیم؟ React Router #85 چرا هشدار «Router may have only one child element» نمایش داده میشود؟ React Router #86 چگونه در React Router v4 به history.push پارامتر میدهیم؟ React Router #87 چگونه صفحه Default یا NotFound را پیادهسازی میکنیم؟ React Router #88 چگونه در React Router v4 به history دسترسی پیدا میکنیم؟ React Router #89 چگونه بعد از Login به‌صورت خودکار Redirect میکنیم؟ React Router #90 React Intl چیست؟ بینالمللیسازی React #91 ویژگیهای اصلی React Intl چیست؟ بینالمللیسازی React #92 دو روش Formatting در React Intl چیست؟ بینالمللیسازی React #93 چگونه از FormattedMessage بهعنوان Placeholder در React Intl استفاده میکنیم؟ بینالمللیسازی React #94 چگونه Locale فعلی را در React Intl دریافت میکنیم؟ بینالمللیسازی React #95 چگونه با React Intl تاریخ را Format میکنیم؟ بینالمللیسازی React #96 Shallow Renderer در تست React چیست؟ تست React #97 پکیج TestRenderer در React چیست؟ تست React #98 پکیج ReactTestUtils چه کاربردی دارد؟ تست React #99 Jest چیست؟ تست React #100 مزایای Jest نسبت به Jasmine چیست؟ تست React #101 یک مثال ساده از Test Case در Jest چیست؟ تست React #102 Flux چیست؟ React Redux #103 Redux چیست؟ React Redux #104 اصول اصلی Redux چیست؟ React Redux #105 معایب Redux در مقایسه با Flux چیست؟ React Redux #106 تفاوت mapStateToProps و mapDispatchToProps چیست؟ React Redux #107 آیا می‌توان داخل Reducer یک Action را dispatch کرد؟ React Redux #108 چگونه خارج از Component به Redux Store دسترسی پیدا میکنیم؟ React Redux #109 منظور از drawbacks of MVW pattern چیست؟ React Redux #110 Are there any similarities between Redux و RxJS؟ React Redux #111 چگونه reset State در Redux؟ React Redux #112 تفاوت React Context و React Redux چیست؟ React Redux #113 چرا Redux State Function called reducers؟ React Redux #114 چگونه make AJAX request در Redux؟ React Redux #115 Should keep all Component States در Redux store؟ React Redux #116 منظور از proper way به دسترسی به Redux store چیست؟ React Redux #117 تفاوت Component و container در React Redux چیست؟ React Redux #118 کاربرد constants در Redux چیست؟ React Redux #119 منظور از متفاوت روشهای write mapDispatchToProps() چیست؟ React Redux #120 منظور از use of ownProps parameter در mapStateToProps() و mapDispatchToProps() چیست؟ React Redux #121 چگونه structure Redux top-level directories؟ React Redux #122 منظور از Redux Saga چیست؟ React Redux #123 منظور از mental model of Redux Saga چیست؟ React Redux #124 تفاوت call و put در Redux Saga چیست؟ React Redux #125 منظور از Redux Thunk چیست؟ React Redux #126 تفاوت Redux Saga و Redux Thunk چیست؟ React Redux #127 منظور از Redux DevTools چیست؟ React Redux #128 منظور از features of Redux DevTools چیست؟ React Redux #129 منظور از Redux selectors و why should use them چیست؟ React Redux #130 منظور از Redux Form چیست؟ React Redux #131 منظور از main features of Redux Form چیست؟ React Redux #132 چگونه add multiple middlewares به Redux؟ React Redux #133 چگونه set initial State در Redux؟ React Redux #134 How is Relay متفاوت از Redux؟ React Redux #135 منظور از action در Redux چیست؟ React Redux #136 تفاوت React Native و React چیست؟ React Native #137 چگونه test React Native apps؟ React Native #138 چگونه log در React Native؟ React Native #139 چگونه debug React Native apps؟ React Native #140 منظور از Reselect و how does it کار چیست؟ کتابخانهها و Integration #141 منظور از Flow چیست؟ کتابخانهها و Integration #142 تفاوت Flow و PropTypes چیست؟ کتابخانهها و Integration #143 چگونه از Font Awesome icons در React استفاده میکنیم؟ کتابخانهها و Integration #144 منظور از React DevTools چیست؟ کتابخانهها و Integration #145 چرا DevTools not load در Chrome برای local files؟ کتابخانهها و Integration #146 چگونه از Polymer در React استفاده میکنیم؟ کتابخانهها و Integration #147 مزایای React over Vue.js چیست؟ کتابخانهها و Integration #148 تفاوت React و Angular چیست؟ کتابخانهها و Integration #149 چرا React tab not showing up در DevTools؟ کتابخانهها و Integration #150 منظور از styled-Component چیست؟ کتابخانهها و Integration #151 آیا می‌توان give example of styled-Component؟ کتابخانهها و Integration #152 منظور از Relay چیست؟ کتابخانهها و Integration #153 منظور از main features of Reselect library چیست؟ Miscellaneous #154 آیا می‌توان give example of Reselect usage؟ Miscellaneous #155 Can Redux only be used با React؟ Miscellaneous #156 Do نیاز specific build tool به use Redux؟ Miscellaneous #157 چگونه Redux Form initial مقادیر get updated از State؟ Miscellaneous #158 چگونه React PropTypes allow متفاوت types برای one prop؟ Miscellaneous #159 آیا می‌توان import SVG file as React Component؟ Miscellaneous #160 منظور از Render hijacking در React چیست؟ Miscellaneous #161 چگونه pass numbers به React Component؟ Miscellaneous #162 Do نیاز به keep all State در Redux? Should ever use React’s internal State؟ Miscellaneous #163 کاربرد registerServiceکارer در React چیست؟ Miscellaneous #164 منظور از React.memo Function چیست؟ Miscellaneous #165 منظور از React.lazy Function چیست؟ Miscellaneous #166 چگونه جلوگیری از unnecessary updates با استفاده از setState؟ Miscellaneous #167 چگونه Render Arrays, String, و numbers در React v16؟ Miscellaneous #168 منظور از Hook چیست؟ Miscellaneous #169 What قواعد must be followed برای Hook؟ Miscellaneous #170 چگونه ensure Hook follow قواعد در your project؟ Miscellaneous #171 تفاوت Flux و Redux چیست؟ Miscellaneous #172 مزایای React Router v4 چیست؟ Miscellaneous #173 آیا می‌توان describe ComponentDidCatch متدهای Lifecycle signature؟ Miscellaneous #174 در which scenarios do Error boundaries not catch Error؟ Miscellaneous #175 منظور از behavior of uncaught Error در React v16 چیست؟ Miscellaneous #176 منظور از proper placement برای Error boundaries چیست؟ Miscellaneous #177 منظور از benefit of Component stack trace از Error boundary چیست؟ Miscellaneous #178 منظور از default Props چیست؟ Miscellaneous #179 کاربرد displayName class property چیست؟ Miscellaneous #180 منظور از پشتیبانی مرورگر برای React applications چیست؟ Miscellaneous #181 منظور از code-splitting چیست؟ Miscellaneous #182 منظور از کلیدهاed Fragments چیست؟ Miscellaneous #183 آیا React support all HTML attributes؟ Miscellaneous #184 چه زمانی Component Props default به true؟ Miscellaneous #185 منظور از Next.js و what are its major features چیست؟ Miscellaneous #186 چگونه pass Event مدیریتr به Component؟ Miscellaneous #187 چگونه جلوگیری از Function از being called multiple times؟ Miscellaneous #188 چگونه JSX جلوگیری از injection attacks؟ Miscellaneous #189 چگونه update Rendered elements؟ Miscellaneous #190 چگونه indicate that Props are read-only؟ Miscellaneous #191 منظور از conditions برای safely با استفاده از index as کلیدها چیست؟ Miscellaneous #192 Do کلیدها نیاز به be globally unique؟ Miscellaneous #193 منظور از popular choice برای form handling چیست؟ Miscellaneous #194 مزایای Formik over Redux Form library چیست؟ Miscellaneous #195 چرا not required به use inheritance؟ Miscellaneous #196 آیا می‌توان use web Component در React application؟ Miscellaneous #197 منظور از dynamic import چیست؟ Miscellaneous #198 منظور از loadable Component چیست؟ Miscellaneous #199 منظور از Suspense Component چیست؟ Miscellaneous #200 منظور از route-based code splitting چیست؟ Miscellaneous #201 کاربرد default مقادیر در Context چیست؟ Miscellaneous #202 منظور از diffing algorithm چیست؟ Miscellaneous #203 What قواعد are covered by diffing algorithm؟ Miscellaneous #204 چه زمانی نیاز به use refs؟ Miscellaneous #205 Must prop be named "Render" برای Render Props؟ Miscellaneous #206 منظور از problems با با استفاده از Render Props با Pure Component چیست؟ Miscellaneous #207 منظور از windowing technique چیست؟ Miscellaneous #208 چگونه print falsy مقادیر در JSX؟ Miscellaneous #209 منظور از typical موارد استفاده برای portals چیست؟ Miscellaneous #210 چگونه set default مقادیر برای unComponent کنترلشده؟ Miscellaneous #211 منظور از your favorite React stack چیست؟ Miscellaneous #212 تفاوت real DOM و Virtual DOM چیست؟ Miscellaneous #213 چگونه add Bootstrap به React application؟ Miscellaneous #214 آیا می‌توان فهرست top websites یا applications با استفاده از React as front-end frameکار؟ Miscellaneous #215 آیا it پیشنهادشده به use CSS-در-JS technique در React؟ Miscellaneous #216 Do نیاز به rewrite all class Component با Hook؟ Miscellaneous #217 چگونه fetch data با React Hook؟ Miscellaneous #218 Do Hook cover all موارد استفاده برای Class؟ Miscellaneous #219 منظور از stable release برای Hook support چیست؟ Miscellaneous #220 چرا use Array destructuring (square bracket notation) در useState؟ Miscellaneous #221 What sources were used برای introducing Hook؟ Miscellaneous #222 چگونه به imperative API of web Component دسترسی پیدا میکنیم؟ Miscellaneous #223 منظور از Formik چیست؟ Miscellaneous #224 منظور از typical middleware choices برای handling aهمزمان calls در Redux چیست؟ Miscellaneous #225 Do مرورگرs understand JSX code؟ Miscellaneous #226 آیا می‌توان describe data flow در React؟ Miscellaneous #227 منظور از MobX چیست؟ Miscellaneous #228 تفاوت Redux و MobX چیست؟ Miscellaneous #229 Should learn ES6 before learning React؟ Miscellaneous #230 concurrent Render با example را توضیح دهید. Miscellaneous #231 تفاوت async mode و concurrent mode چیست؟ Miscellaneous #233 کاربرد ESLint plugin برای Hook چیست؟ Miscellaneous #234 تفاوت imperative و declarative programming در React چیست؟ Miscellaneous #235 مزایای با استفاده از TypeScript با React چیست؟ Miscellaneous #236 چگونه ensure user remains authenticated on page refresh while با استفاده از Context API State management؟ Miscellaneous #237 مزایای new JSX transform چیست؟ Miscellaneous #238 How is new JSX transform متفاوت از old transform؟ Miscellaneous #239 منظور از React Server Component چیست؟ Miscellaneous #240 منظور از prop drilling چیست؟ Miscellaneous #241 تفاوت useState و useRef Hook چیست؟ Miscellaneous #242 منظور از wrapper Component چیست؟ Miscellaneous #243 تفاوت useEffect و useLayoutEffect Hook چیست؟ Miscellaneous #244 تفاوت Functional و class Component چیست؟ Miscellaneous #245 منظور از Strict Mode در React چیست؟ Miscellaneous #246 منظور از benefit of Strict Mode چیست؟ Miscellaneous #247 چرا Strict Mode Render twice در React؟ Miscellaneous #248 منظور از قواعد of JSX چیست؟ Miscellaneous #249 منظور از reason multiple JSX tags must be wrapped چیست؟ Miscellaneous #250 چگونه جلوگیری از mutating Array Variable؟ Miscellaneous #251 منظور از capture phase Event چیست؟ Miscellaneous #252 چگونه React update screen در application؟ Miscellaneous #253 چگونه React batch multiple State updates؟ Miscellaneous #254 آیا it possible به جلوگیری از automatic batching؟ Miscellaneous #255 منظور از React hydration چیست؟ Miscellaneous #256 چگونه update Object inside State؟ Miscellaneous #257 چگونه update nested Object inside State؟ Miscellaneous #258 چگونه update Arrays inside State؟ Miscellaneous #259 چگونه از Immer library برای State updates استفاده میکنیم؟ Miscellaneous #260 مزایای جلوگیری ازing direct State mutations چیست؟ Miscellaneous #261 منظور از preferred و non-preferred Array operations برای updating State چیست؟ Miscellaneous #262 What will happen when defining nested Function Component؟ Miscellaneous #263 آیا می‌توان use کلیدها برای non-فهرست items؟ Miscellaneous #264 منظور از guidelines به follow برای writing reducers چیست؟ Miscellaneous #265 منظور از useReducer Hook? Can describe its usage چیست؟ Hooks #266 useState و useReducer را چگونه مقایسه میکنیم؟ Hooks #267 چگونه Context کار با useContext Hook؟ Hooks #268 منظور از موارد استفاده of useContext Hook چیست؟ Hooks #269 چه زمانی use client و Server Component؟ Hooks #270 تفاوت Page Router و App Router در Next.js چیست؟ Hooks #271 آیا می‌توان describe useMemo() Hook؟ Hooks #272 Can Hook be used در class Component؟ Hooks #273 منظور از updater Function? Should updater Function be used در all cases چیست؟ Hooks #274 Can useState take Function as initial مقادیر؟ Hooks #275 What types of مقادیر can useState hold؟ Hooks #276 What happens if call useState conditionally؟ Hooks #277 آیا useState همزمان یا Aهمزمان؟ Hooks #278 آیا می‌توان explain how useState کارs internally؟ Hooks #279 منظور از useReducer? Why do use useReducer چیست؟ Hooks #280 چگونه useReducer کار? Explain با example؟ Hooks #281 آیا می‌توان combine useReducer با useContext؟ Hooks #282 آیا می‌توان dispatch multiple actions در row با useReducer؟ Hooks #283 آیا dispatch از useReducer aهمزمان و does it update State immediately؟ Hooks #284 چگونه useContext کار? Explain با example؟ Hooks #285 آیا می‌توان use multiple Contexts در one Component؟ Hooks #286 What's common pitfall when با استفاده از useContext با Object؟ Hooks #287 What would Context مقادیر be برای no matching provider؟ Hooks #288 چگونه Reactive dependencies در useEffect dependency Array affect its execution behavior؟ Hooks #289 When و how often does React invoke setup و cleanup Function inside useEffect Hook؟ Hooks #290 What happens if return Promise از useEffect؟ Hooks #291 آیا می‌توان have multiple useEffect Hook در single Component؟ Hooks #292 چگونه جلوگیری از infinite loops با useEffect؟ Hooks #293 منظور از موارد استفاده of useLayoutEffect چیست؟ Hooks #294 چگونه useLayoutEffect کار during server-side Render (SSR)؟ Hooks #295 What happens if use useLayoutEffect برای non-layout logic؟ Hooks #296 چگونه useLayoutEffect cause layout thrashing؟ Hooks #297 چگونه از useRef به دسترسی به DOM element در React? Give example استفاده میکنیم؟ Hooks #298 آیا می‌توان use useRef به persist مقادیر across Renders؟ Hooks #299 Can useRef be used به store previous مقادیر؟ Hooks #300 آیا it possible به دسترسی به ref در Render Method؟ Hooks #301 منظور از common موارد استفاده of useRef Hook چیست؟ Hooks #302 منظور از useImperativeمدیریت Hook? Give example چیست؟ Hooks #303 چه زمانی use useImperativeمدیریت؟ Hooks #304 آیا it possible به use useImperativeمدیریت بدون forwardRef؟ Hooks #305 How is useMemo متفاوت از useCallback؟ Hooks #306 آیا useMemo جلوگیری از Render مجددing of child Component؟ Hooks #307 منظور از useCallback و why is it used چیست؟ Hooks #308 منظور از Custom React Hook, و how can develop one چیست؟ Hooks #309 چگونه React Fiber کار? Explain در detail؟ Hooks #310 منظور از useId Hook و when should use it چیست؟ Hooks #311 منظور از useDeferredمقادیر Hook چیست؟ Hooks #312 منظور از useTransition Hook و how does it differ از useDeferredمقادیر چیست؟ Hooks #313 منظور از useSyncExternalStore Hook چیست؟ Hooks #314 منظور از useInsertionEffect Hook چیست؟ Hooks #315 چگونه share State logic between Component با استفاده از custom Hook؟ Hooks #316 منظور از useDebugمقادیر Hook چیست؟ Hooks #317 چگونه مدیریت cleanup در useEffect؟ Hooks #318 تفاوت useEffect و useEvent (experimental) چیست؟ Hooks #319 منظور از بهترین روشها برای با استفاده از React Hook چیست؟ Hooks #320 منظور از کلیدها features introduced در React 18 چیست؟ ویژگیهای مدرن React 18/19 #321 منظور از کلیدها features introduced در React 19 چیست؟ ویژگیهای مدرن React 18/19 #322 منظور از use() Hook در React 19 چیست؟ ویژگیهای مدرن React 18/19 #323 منظور از Server Actions در React 19 چیست؟ ویژگیهای مدرن React 18/19 #324 منظور از useFormState و useFormStatus Hook چیست؟ ویژگیهای مدرن React 18/19 #325 منظور از useOptimistic Hook چیست؟ ویژگیهای مدرن React 18/19 #326 منظور از React Compiler (React Forget) چیست؟ ویژگیهای مدرن React 18/19 #327 منظور از Streaming SSR و how does React 18+ improve it چیست؟ ویژگیهای مدرن React 18/19 #328 منظور از RenderToPipeableStream و how is it متفاوت از RenderToString چیست؟ ویژگیهای مدرن React 18/19 #329 تفاوت HOCs و Hook چیست؟ ویژگیهای مدرن React 18/19 #330 آیا React.memo جلوگیری از Context consumers از Render مجددing؟ ویژگیهای مدرن React 18/19 #331 چگونه ساخت reusable Context؟ ویژگیهای مدرن React 18/19 #332 چرا Redux Toolkit پیشنهادشده over Redux؟ ویژگیهای مدرن React 18/19 #333 تفاوت client State و server State چیست؟ ویژگیهای مدرن React 18/19 #334 چگونه جلوگیری از unnecessary Redux Render مجددs؟ ویژگیهای مدرن React 18/19 #335 منظور از ساختSelector چیست؟ ویژگیهای مدرن React 18/19 #336 منظور از normalized Redux State چیست؟ ویژگیهای مدرن React 18/19 #337 چرا normalized State important برای Performance؟ ویژگیهای مدرن React 18/19 #338 منظور از Redux middleware چیست؟ ویژگیهای مدرن React 18/19 #339 منظور از Redux middleware signature چیست؟ ویژگیهای مدرن React 18/19 #340 What happens when dispatch action؟ ویژگیهای مدرن React 18/19 #341 چگونه structure Redux در large application؟ ویژگیهای مدرن React 18/19 #342 چگونه مدیریت cross-slice communication؟ ویژگیهای مدرن React 18/19 #343 منظور از Redux serializable مقادیر چیست؟ ویژگیهای مدرن React 18/19 #344 چگونه مدیریت race conditions در Redux؟ ویژگیهای مدرن React 18/19 #345 چگونه persist Redux State؟ ویژگیهای مدرن React 18/19 #346 چگونه debug Redux Performance problem؟ ویژگیهای مدرن React 18/19 #347 What should be stored در Redux vs derived با selectors؟ ویژگیهای مدرن React 18/19 #348 Would put all API data into Redux؟ ویژگیهای مدرن React 18/19 #349 تفاوت مرورگرRouter, HashRouter, و حافظهRouter چیست؟ ویژگیهای مدرن React 18/19 #350 منظور از dynamic routes و what are route parameters چیست؟ ویژگیهای مدرن React 18/19 #351 چگونه navigate programmatically در React Router؟ ویژگیهای مدرن React 18/19 #352 تفاوت Link, NavLink, و < > چیست؟ ویژگیهای مدرن React 18/19 #353 چگونه پیادهسازی protected/private routes؟ ویژگیهای مدرن React 18/19 #354 چگونه مدیریت 404 / Not Found routes؟ ویژگیهای مدرن React 18/19 #355 منظور از loaders, actions, و data APIs در modern React Router چیست؟ ویژگیهای مدرن React 18/19 #356 چگونه query parameters کار؟ ویژگیهای مدرن React 18/19 منظور از Concurrent Render? (Legacy) چیست؟ سؤالات Legacy #1 چرا not update State directly؟ سؤالات Legacy #2 کاربرد Callback Function as argument of setState() چیست؟ سؤالات Legacy #3 چگونه bind Method یا Event مدیریتrs در JSX Callback؟ سؤالات Legacy #4 چگونه pass parameter به Event مدیریتr یا Callback؟ سؤالات Legacy #5 منظور از use of refs چیست؟ سؤالات Legacy #6 چگونه ساخت refs؟ سؤالات Legacy #7 منظور از forward refs چیست؟ سؤالات Legacy #8 Which is preferred option با در Callback refs و findDOMNode()؟ سؤالات Legacy #9 چرا String Refs legacy؟ سؤالات Legacy #10 منظور از متفاوت phases of Component lifecycle چیست؟ سؤالات Legacy #11 منظور از متدهای Lifecycle of React چیست؟ سؤالات Legacy #12 چگونه ساخت Props proxy برای HOC Component؟ سؤالات Legacy #13 منظور از Context چیست؟ سؤالات Legacy #14 کاربرد با استفاده از super constructor با Props argument چیست؟ سؤالات Legacy #15 چگونه set State با dynamic کلیدها name؟ سؤالات Legacy #16 What would be common mistake of Function being called every time Component Renders؟ سؤالات Legacy #17 منظور از Error boundaries در React v16 چیست؟ سؤالات Legacy #18 How are Error boundaries مدیریتd در React v15؟ سؤالات Legacy #19 کاربرد Render Method of React-dom چیست؟ سؤالات Legacy #20 What will happen if use setState در constructor؟ سؤالات Legacy #21 آیا it good به use setState() در ComponentWillMount() Method؟ سؤالات Legacy #22 What will happen if use Props در initial State؟ سؤالات Legacy #23 How use decorators در React؟ سؤالات Legacy #24 منظور از CRA و its مزایا چیست؟ سؤالات Legacy #25 منظور از متدهای Lifecycle order در mounting چیست؟ سؤالات Legacy #26 منظور از متدهای Lifecycle going به be deprecated در React v16 چیست؟ سؤالات Legacy #27 کاربرد getDerivedStateFromProps() متدهای Lifecycle چیست؟ سؤالات Legacy #28 کاربرد getSnapshotBeforeUpdate() متدهای Lifecycle چیست؟ سؤالات Legacy #29 منظور از پیشنهادشده way برای naming Component چیست؟ سؤالات Legacy #30 منظور از پیشنهادشده ordering of Method در Component class چیست؟ سؤالات Legacy #31 Why نیاز به pass Function به setState()؟ سؤالات Legacy #32 چرا isMounted() anti-pattern و what is proper solution؟ سؤالات Legacy #33 تفاوت constructor و getInitialState چیست؟ سؤالات Legacy #34 آیا می‌توان وادار کردن Component به Render مجدد بدون فراخوانی setState؟ سؤالات Legacy #35 تفاوت super() و super(Props) در React با استفاده از ES6 Class چیست؟ سؤالات Legacy #36 تفاوت setState و replaceState Method چیست؟ سؤالات Legacy #37 چگونه فهرستen به State changes؟ سؤالات Legacy #38 منظور از پیشنهادشده approach of removing Array element در React State چیست؟ سؤالات Legacy #39 آیا it possible به use React بدون Render HTML؟ سؤالات Legacy #40 منظور از روشهای ممکن of updating Object در State چیست؟ سؤالات Legacy #41 منظور از approaches به include polyfills در your ساخت-React-app چیست؟ سؤالات Legacy #42 چگونه use https instead of http در ساخت-React-app؟ سؤالات Legacy #43 چگونه avoid با استفاده از relative path imports در ساخت-React-app؟ سؤالات Legacy #44 چگونه update Component every second؟ سؤالات Legacy #45 چرا Component constructor called only once؟ سؤالات Legacy #46 چگونه define constants در React؟ سؤالات Legacy #47 چگونه programmatically trigger click Event در React؟ سؤالات Legacy #48 چگونه make AJAX call و در which Component متدهای Lifecycle should I make AJAX call؟ سؤالات Legacy #49 منظور از Render Props چیست؟ سؤالات Legacy #50 چگونه dispatch action on load؟ سؤالات Legacy #51 چگونه use connect از React Redux؟ سؤالات Legacy #52 Whats کاربرد of at symbol در Redux connect decorator؟ سؤالات Legacy #53 چگونه use TypeScript در ساخت-React-app application؟ سؤالات Legacy #54 آیا statics Object کار با ES6 Class در React؟ سؤالات Legacy #55 چرا inline ref Callback یا Function not پیشنهادشده؟ سؤالات Legacy #56 منظور از HOC factory پیادهسازیations چیست؟ سؤالات Legacy #57 چگونه use class field declarations syntax در React Class؟ سؤالات Legacy #58 چرا not نیاز Error boundaries برای Event مدیریتrs؟ سؤالات Legacy #59 تفاوت try catch block و Error boundaries چیست؟ سؤالات Legacy #60 منظور از required Method به be defined برای class Component چیست؟ سؤالات Legacy #61 منظور از possible return types of Render Method چیست؟ سؤالات Legacy #62 منظور از main کاربرد of constructor چیست؟ سؤالات Legacy #63 آیا it mandatory به define constructor برای React Component؟ سؤالات Legacy #64 چرا not call setState در ComponentWillUnmount؟ سؤالات Legacy #65 کاربرد getDerivedStateFromError چیست؟ سؤالات Legacy #66 منظور از Method order when Component Render مجددed چیست؟ سؤالات Legacy #67 منظور از Method invoked during Error handling چیست؟ سؤالات Legacy #68 کاربرد unmountComponentAtNode Method چیست؟ سؤالات Legacy #69 منظور از limitations با HOCs چیست؟ سؤالات Legacy #70 چگونه debug forwardRefs در DevTools؟ سؤالات Legacy #71 آیا it good به use arrow Function در Render Method؟ سؤالات Legacy #72 چگونه say that State updates are merged؟ سؤالات Legacy #73 چگونه pass arguments به Event مدیریتr؟ سؤالات Legacy #74 چگونه جلوگیری از Component از Render؟ سؤالات Legacy #75 Give example on How به use Context؟ سؤالات Legacy #76 چگونه از ContextType استفاده میکنیم؟ سؤالات Legacy #77 منظور از consumer چیست؟ سؤالات Legacy #78 چگونه solve Performance corner cases while با استفاده از Context؟ سؤالات Legacy #79 کاربرد forward ref در HOCs چیست؟ سؤالات Legacy #80 آیا it ref argument available برای all Function یا class Component؟ سؤالات Legacy #81 چرا به additional care برای Component libraries while با استفاده از forward refs نیاز داریم؟ سؤالات Legacy #82 چگونه ساخت React class Component بدون ES6؟ سؤالات Legacy #83 آیا it possible به use React بدون JSX؟ سؤالات Legacy #84 HOC با استفاده از Render Props را چگونه میسازیم؟ سؤالات Legacy #85 منظور از React scripts چیست؟ سؤالات Legacy #86 منظور از features of ساخت React app چیست؟ سؤالات Legacy #87 کاربرد RenderToNodeStream Method چیست؟ سؤالات Legacy #88 Redux scaffolding با استفاده از ساخت-React-app را چگونه دریافت میکنیم؟ سؤالات Legacy #89 منظور از State mutation و how به جلوگیری از it چیست؟ سؤالات Legacy #90 منظور از React Mixins چیست؟ سؤالات Legacy #91 آیا می‌توان use JavaScript urls در React16.9؟ سؤالات Legacy
REACT هسته React junior
سؤال منبع #1 React چیست؟ What is React?
خلاصه‌ی سریع React یک library برای ساخت UI مبتنی بر Component است. ایده‌ی اصلی آن این است که UI را تابعی از state و props در نظر بگیریم؛ React تغییرات را محاسبه می‌کند و فقط commitهای لازم را روی محیط مقصد انجام می‌دهد.
پاسخ فارسی کامل و حرفه‌ای
از تعریف ساده تا نکته‌ی مصاحبه پاسخ مستقیم React یک کتابخانه‌ی JavaScript برای ساخت رابط کاربری بر پایه‌ی Component است. شما UI را از روی state و props توصیف می‌کنید و React مسئول هماهنگ‌کردن تغییرات و به‌روزرسانی خروجی است.
توضیح کامل و ساده مهم‌ترین ایده‌ی React این است که به‌جای دستکاری مستقیم DOM، UI را به‌صورت declarative تعریف کنیم. یعنی می‌گوییم برای این state چه چیزی باید نمایش داده شود.
Componentها واحدهای مستقل و قابل‌ترکیب UI هستند. هر Component می‌تواند داده را از props بگیرد، state داشته باشد و خروجی JSX تولید کند.
React فقط یک library برای لایه‌ی UI است؛ routing، data fetching و state management سراسری را می‌توان با ابزارهای دیگر یا قابلیت‌های frameworkهایی مثل Next.js تکمیل کرد.
مثال کد REACT / TSX example
function Greeting({ name }: { name: string }) {
return <h1>Hello {name}</h1>;
}در مصاحبه چطور بگویی؟ در مصاحبه React را فقط «کتابخانه‌ی ساخت UI» تعریف نکن. به declarative UI، component composition و رابطه‌ی UI با state/props اشاره کن.
اشتباهات رایج React را framework کامل backend/frontend معرفی نکن. Virtual DOM را دلیل قطعی و تنها دلیل سرعت React ندان؛ scheduling، batching و معماری rendering هم مهم‌اند. پاسخ کامل منبع انگلیسی
توضیح کامل مرجع برای اصطلاحات و جزئیات بیشتر منبع اصلی ↗ پاسخ فارسی بالا برای فهم ساده و حرفه‌ای نوشته شده است. متن کامل مرجع انگلیسی در ادامه حفظ شده تا اصطلاحات فنی، مثال‌ها و کدهای منبع را هم مستقیم ببینی.
React (aka React.js or ReactJS) is an open-source front-end JavaScript library for building user interfaces based on components. It's used for handling the view layer in web and mobile applications, and allows developers to create reusable UI components and manage the state of those components efficiently.
React was created by Jordan Walke, a software engineer at Facebook (now Meta). It was first deployed on Facebook's News Feed in 2011 and on Instagram in 2012. The library was open-sourced in May 2013 and has since become one of the most popular JavaScript libraries for building modern user interfaces.
