[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-969":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":40,"readmeContent":41,"aiSummary":42,"trendingCount":16,"starSnapshotCount":16,"syncStatus":43,"lastSyncTime":44,"discoverSource":45},969,"reactjs-interview-questions","sudheerj\u002Freactjs-interview-questions","sudheerj","List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!","",null,"JavaScript",44635,10369,629,4,0,1,18,74,16,45,"MIT License",false,"master",true,[27,28,29,30,31,32,33,34,35,36,37,38,39],"interview-preparation","interview-questions","javascript","javascript-applications","javascript-framework","javascript-interview-questions","react","react-interview-questions","react-native","react-router","react16","reactjs","redux","2026-06-12 02:00:21","# React Interview Questions & Answers\n> Click :star: if you like the project. Pull Requests are highly appreciated. Follow me [@SudheerJonna](https:\u002F\u002Ftwitter.com\u002FSudheerJonna) for technical updates.\n\n---\n\n\n\n\u003Cdiv>\n\u003Cp align=\"center\">\n \u003Ca href=\"https:\u002F\u002Fwww.greatfrontend.com\u002Fquestions\u002Freact-interview-questions?utm_source=github&utm_medium=referral&utm_campaign=sudheerj-react&fpr=sudheerj&gnrs=sudheerj\">\n \u003Cimg src=\".\u002Fimages\u002Fcollab\u002Fgreatfrontend-react.gif\" alt=\"GreatFrontEnd React Interview Questions\" width=\"100%\">\n \u003C\u002Fa>\n\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n> Practice 280+ JavaScript coding interview questions in-browser. Built by ex-FAANG interviewers. No AI-generated fluff. No fake reviews. [Try GreatFrontEnd →](https:\u002F\u002Fwww.greatfrontend.com\u002Fquestions\u002Freact-interview-questions?utm_source=github&utm_medium=referral&utm_campaign=sudheerj-react&fpr=sudheerj&gnrs=sudheerj) 💡\n\n\u003Cdiv>\n\u003Cp align=\"center\">\n \u003Ca href=\"https:\u002F\u002Fzerotomastery.io\u002F?utm_source=github&utm_medium=sponsor&utm_campaign=reactjs-interview-questions\">\n \u003Cimg src=\".\u002Fimages\u002Fcollab\u002Fztm.gif\" alt=\"ZTM Logo\" width=\"100%\">\n \u003C\u002Fa>\n\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n> I recommend this [React course](https:\u002F\u002Fzerotomastery.io\u002Fcourses\u002Flearn-react\u002F?utm_source=github&utm_medium=sponsor&utm_campaign=reactjs-interview-questions) to become top 10% at React and [this coding interview bootcamp](https:\u002F\u002Fzerotomastery.io\u002Fcourses\u002Flearn-data-structures-and-algorithms\u002F?utm_source=github&utm_medium=sponsor&utm_campaign=reactjs-interview-questions) to ace your coding interview and actually get hired.\n\n---\n\n\u003Cdiv>\n\u003Cp align=\"center\">\n \u003Ca href=\"https:\u002F\u002Fresumeloom.com\u002F?ref=FZ818184\">\n \u003Cimg src=\".\u002Fimages\u002Fcollab\u002Fresumeloom1.png\" alt=\"Resume Loom\" width=\"100%\" height=\"\">\n \u003C\u002Fa>\n\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n---\n\n**Note:** This repository is specific to ReactJS. Please check [JavaScript Interview Questions](https:\u002F\u002Fgithub.com\u002Fsudheerj\u002Fjavascript-interview-questions) for core JavaScript questions and [Data Structures and Algorithms](https:\u002F\u002Fgithub.com\u002Fsudheerj\u002Fdatastructures-algorithms) for DSA-related questions or problems.\n\n### Table of Contents\n\n\u003Cdetails open>\n\u003Csummary>\nHide\u002FShow table of contents\n\u003C\u002Fsummary>\n\n| No. | Questions |\n| --- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| | **Core React** |\n| 1 | [What is React?](#what-is-react) |\n| 2 | [What is the history behind React’s evolution?](#what-is-the-history-behind-react-evolution) |\n| 3 | [What are the major features of React?](#what-are-the-major-features-of-react) |\n| 4 | [What is JSX?](#what-is-jsx) |\n| 5 | [What is the difference between an Element and a Component?](#what-is-the-difference-between-an-element-and-a-component) |\n| 6 | [How do you create components in React?](#how-to-create-components-in-react) |\n| 7 | [When should you use a Class Component over a Function Component?](#when-to-use-a-class-component-over-a-function-component) |\n| 8 | [What are Pure Components?](#what-are-pure-components) |\n| 9 | [What is state in React?](#what-is-state-in-react) |\n| 10 | [What are props in React?](#what-are-props-in-react) |\n| 11 | [What is the difference between state and props?](#what-is-the-difference-between-state-and-props) |\n| 12 | [What is the difference between HTML and React event handling?](#what-is-the-difference-between-html-and-react-event-handling) |\n| 13 | [What are synthetic events in React?](#what-are-synthetic-events-in-react) |\n| 14 | [What are inline conditional expressions?](#what-are-inline-conditional-expressions) |\n| 15 | [What is the \"key\" prop and what is its benefit when used in arrays of elements?](#what-is-key-prop-and-what-is-the-benefit-of-using-it-in-arrays-of-elements) |\n| 16 | [What is the Virtual DOM?](#what-is-virtual-dom) |\n| 17 | [How does the Virtual DOM work?](#how-virtual-dom-works) |\n| 18 | [What is the difference between Shadow DOM and Virtual DOM?](#what-is-the-difference-between-shadow-dom-and-virtual-dom) |\n| 19 | [What is React Fiber?](#what-is-react-fiber) |\n| 20 | [What is the main goal of React Fiber?](#what-is-the-main-goal-of-react-fiber) |\n| 21 | [What are controlled components?](#what-are-controlled-components) |\n| 22 | [What are uncontrolled components?](#what-are-uncontrolled-components) |\n| 23 | [What is the difference between createElement and cloneElement?](#what-is-the-difference-between-createelement-and-cloneelement) |\n| 24 | [What is Lifting State Up in React?](#what-is-lifting-state-up-in-react) |\n| 25 | [What are Higher-Order Components?](#what-are-higher-order-components) |\n| 26 | [What is the children prop?](#what-is-children-prop) |\n| 27 | [How do you write comments in React?](#how-to-write-comments-in-react) |\n| 28 | [What is reconciliation?](#what-is-reconciliation) |\n| 29 | [Does the lazy function support named exports?](#does-the-lazy-function-support-named-exports) |\n| 30 | [Why does React use className instead of the class attribute?](#why-react-uses-classname-over-class-attribute) |\n| 31 | [What are Fragments?](#what-are-fragments) |\n| 32 | [Why are Fragments better than container divs?](#why-fragments-are-better-than-container-divs) |\n| 33 | [What are portals in React?](#what-are-portals-in-react) |\n| 34 | [What are stateless components?](#what-are-stateless-components) |\n| 35 | [What are stateful components?](#what-are-stateful-components) |\n| 36 | [How do you apply validation to props in React?](#how-to-apply-validation-on-props-in-react) |\n| 37 | [What are the advantages of React?](#what-are-the-advantages-of-react) |\n| 38 | [What are the limitations of React?](#what-are-the-limitations-of-react) |\n| 39 | [What are the recommended ways for static type checking?](#what-are-the-recommended-ways-for-static-type-checking) |\n| 40 | [What is the use of the react-dom package?](#what-is-the-use-of-react-dom-package) |\n| 41 | [What is ReactDOMServer?](#what-is-reactdomserver) |\n| 42 | [How do you use innerHTML in React?](#how-to-use-innerhtml-in-react) |\n| 43 | [How do you apply styles in React?](#how-to-use-styles-in-react) |\n| 44 | [How are events different in React?](#how-events-are-different-in-react) |\n| 45 | [What is the impact of using indexes as keys?](#what-is-the-impact-of-indexes-as-keys) |\n| 46 | [How do you conditionally render components?](#how-do-you-conditionally-render-components) |\n| 47 | [Why do we need to be careful when spreading props on DOM elements?](#why-we-need-to-be-careful-when-spreading-props-on-dom-elements) |\n| 48 | [How do you memoize a component?](#how-do-you-memoize-a-component) |\n| 49 | [How do you implement Server-Side Rendering (SSR)?](#how-you-implement-server-side-rendering-or-ssr) |\n| 50 | [How do you enable production mode in React?](#how-to-enable-production-mode-in-react) |\n| 51 | [Do Hooks replace render props and higher-order components?](#do-hooks-replace-render-props-and-higher-order-components) |\n| 52 | [What is a switching component?](#what-is-a-switching-component) |\n| 53 | [What are React Mixins?](#what-are-react-mixins) |\n| 54 | [What are the pointer events supported in React?](#what-are-the-pointer-events-supported-in-react) |\n| 55 | [Why should component names start with a capital letter?](#why-should-component-names-start-with-capital-letter) |\n| 56 | [Are custom DOM attributes supported in React v16?](#are-custom-dom-attributes-supported-in-react-v16) |\n| 57 | [How do you loop inside JSX?](#how-to-loop-inside-jsx) |\n| 58 | [How do you access props within attribute quotes?](#how-do-you-access-props-in-attribute-quotes) |\n| 59 | [What is a React PropType array with shape?](#what-is-react-proptype-array-with-shape) |\n| 60 | [How do you conditionally apply class attributes?](#how-to-conditionally-apply-class-attributes) |\n| 61 | [What is the difference between React and ReactDOM?](#what-is-the-difference-between-react-and-reactdom) |\n| 62 | [Why is ReactDOM separated from React?](#why-reactdom-is-separated-from-react) |\n| 63 | [How do you use the React label element?](#how-to-use-react-label-element) |\n| 64 | [How do you combine multiple inline style objects?](#how-to-combine-multiple-inline-style-objects) |\n| 65 | [How do you re-render the view when the browser is resized?](#how-to-re-render-the-view-when-the-browser-is-resized) |\n| 66 | [How do you pretty-print JSON with React?](#how-to-pretty-print-json-with-react) |\n| 67 | [Why can’t you update props in React?](#why-you-cant-update-props-in-react) |\n| 68 | [How do you focus an input element on page load?](#how-to-focus-an-input-element-on-page-load) |\n| 69 | [How can you find the version of React at runtime in the browser?](#how-can-we-find-the-version-of-react-at-runtime-in-the-browser) |\n| 70 | [How do you add Google Analytics for React Router?](#how-to-add-google-analytics-for-react-router) |\n| 71 | [How do you apply vendor prefixes to inline styles in React?](#how-do-you-apply-vendor-prefixes-to-inline-styles-in-react) |\n| 72 | [How do you import and export components using React and ES6?](#how-to-import-and-export-components-using-react-and-es6) |\n| 73 | [What are the exceptions to React component naming?](#what-are-the-exceptions-on-react-component-naming) |\n| 74 | [Is it possible to use async\u002Fawait in plain React?](#is-it-possible-to-use-asyncawait-in-plain-react) |\n| 75 | [What are common folder structures for React?](#what-are-the-common-folder-structures-for-react) |\n| 76 | [What are popular packages for animation?](#what-are-the-popular-packages-for-animation) |\n| 77 | [What are the benefits of style modules?](#what-is-the-benefit-of-styles-modules) |\n| 78 | [What are popular React-specific linters?](#what-are-the-popular-react-specific-linters) |\n| | **React Router** |\n| 79 | [What is React Router?](#what-is-react-router) |\n| 80 | [How is React Router different from the history library?](#how-react-router-is-different-from-history-library) |\n| 81 | [What are the \u003CRouter> components of React Router v6?](#what-are-the-router-components-of-react-router-v6) |\n| 82 | [What is the purpose of the push and replace methods of history?](#what-is-the-purpose-of-push-and-replace-methods-of-history) |\n| 83 | [How do you programmatically navigate using React Router v4?](#how-do-you-programmatically-navigate-using-react-router-v4) |\n| 84 | [How do you get query parameters in React Router v4?](#how-to-get-query-parameters-in-react-router-v4) |\n| 85 | [Why do you get a \"Router may have only one child element\" warning?](#why-you-get-router-may-have-only-one-child-element-warning) |\n| 86 | [How do you pass params to the history.push method in React Router v4?](#how-to-pass-params-to-historypush-method-in-react-router-v4) |\n| 87 | [How do you implement a default or NotFound page?](#how-to-implement-default-or-notfound-page) |\n| 88 | [How do you get history in React Router v4?](#how-to-get-history-on-react-router-v4) |\n| 89 | [How do you perform an automatic redirect after login?](#how-to-perform-automatic-redirect-after-login) \n| | **React Internationalization** |\n| 90 | [What is React Intl?](#what-is-react-intl) |\n| 91 | [What are the main features of React Intl?](#what-are-the-main-features-of-react-intl) |\n| 92 | [What are the two ways of formatting in React Intl?](#what-are-the-two-ways-of-formatting-in-react-intl) |\n| 93 | [How do you use FormattedMessage as a placeholder with React Intl?](#how-to-use-formattedmessage-as-placeholder-using-react-intl) |\n| 94 | [How do you access the current locale with React Intl?](#how-to-access-current-locale-with-react-intl) |\n| 95 | [How do you format a date using React Intl?](#how-to-format-date-using-react-intl) |\n| | **React Testing** |\n| 96 | [What is the Shallow Renderer in React testing?](#what-is-shallow-renderer-in-react-testing) |\n| 97 | [What is the TestRenderer package in React?](#what-is-testrenderer-package-in-react) |\n| 98 | [What is the purpose of the ReactTestUtils package?](#what-is-the-purpose-of-reacttestutils-package) |\n| 99 | [What is Jest?](#what-is-jest) |\n| 100 | [What are the advantages of Jest over Jasmine?](#what-are-the-advantages-of-jest-over-jasmine) |\n| 101 | [Can you give a simple example of a Jest test case?](#give-a-simple-example-of-jest-test-case) |\n| | **React Redux** |\n| 102 | [What is Flux?](#what-is-flux) |\n| 103 | [What is Redux?](#what-is-redux) |\n| 104 | [What are the core principles of Redux?](#what-are-the-core-principles-of-redux) |\n| 105 | [What are the downsides of Redux compared to Flux?](#what-are-the-downsides-of-redux-compared-to-flux) |\n| 106 | [What is the difference between mapStateToProps() and mapDispatchToProps()?](#what-is-the-difference-between-mapstatetoprops-and-mapdispatchtoprops) |\n| 107 | [Can you dispatch an action in a reducer?](#can-i-dispatch-an-action-in-reducer) |\n| 108 | [How do you access the Redux store outside a component?](#how-to-access-redux-store-outside-a-component) |\n| 109 | [What are the drawbacks of the MVW pattern?](#what-are-the-drawbacks-of-mvw-pattern) |\n| 110 | [Are there any similarities between Redux and RxJS?](#are-there-any-similarities-between-redux-and-rxjs) |\n| 111 | [How do you reset state in Redux?](#how-to-reset-state-in-redux) |\n| 112 | [What is the difference between React Context and React Redux?](#what-is-the-difference-between-react-context-and-react-redux) |\n| 113 | [Why are Redux state functions called reducers?](#why-are-redux-state-functions-called-reducers) |\n| 114 | [How do you make an AJAX request in Redux?](#how-to-make-ajax-request-in-redux) |\n| 115 | [Should you keep all component states in the Redux store?](#should-i-keep-all-components-state-in-redux-store) |\n| 116 | [What is the proper way to access the Redux store?](#what-is-the-proper-way-to-access-redux-store) |\n| 117 | [What is the difference between a component and a container in React Redux?](#what-is-the-difference-between-component-and-container-in-react-redux) |\n| 118 | [What is the purpose of constants in Redux?](#what-is-the-purpose-of-the-constants-in-redux) |\n| 119 | [What are the different ways to write mapDispatchToProps()?](#what-are-the-different-ways-to-write-mapdispatchtoprops) |\n| 120 | [What is the use of the ownProps parameter in mapStateToProps() and mapDispatchToProps()?](#what-is-the-use-of-the-ownprops-parameter-in-mapstatetoprops-and-mapdispatchtoprops) |\n| 121 | [How do you structure Redux top-level directories?](#how-to-structure-redux-top-level-directories) |\n| 122 | [What is Redux Saga?](#what-is-redux-saga) |\n| 123 | [What is the mental model of Redux Saga?](#what-is-the-mental-model-of-redux-saga) |\n| 124 | [What are the differences between call and put in Redux Saga?](#what-are-the-differences-between-call-and-put-in-redux-saga) |\n| 125 | [What is Redux Thunk?](#what-is-redux-thunk) |\n| 126 | [What are the differences between Redux Saga and Redux Thunk?](#what-are-the-differences-between-redux-saga-and-redux-thunk) |\n| 127 | [What is Redux DevTools?](#what-is-redux-devtools) |\n| 128 | [What are the features of Redux DevTools?](#what-are-the-features-of-redux-devtools) |\n| 129 | [What are Redux selectors and why should you use them?](#what-are-redux-selectors-and-why-use-them) |\n| 130 | [What is Redux Form?](#what-is-redux-form) |\n| 131 | [What are the main features of Redux Form?](#what-are-the-main-features-of-redux-form) |\n| 132 | [How do you add multiple middlewares to Redux?](#how-to-add-multiple-middlewares-to-redux) |\n| 133 | [How do you set the initial state in Redux?](#how-to-set-initial-state-in-redux) |\n| 134 | [How is Relay different from Redux?](#how-relay-is-different-from-redux) |\n| 135 | [What is an action in Redux?](#what-is-an-action-in-redux) |\n| | **React Native** |\n| 136 | [What is the difference between React Native and React?](#what-is-the-difference-between-react-native-and-react) |\n| 137 | [How do you test React Native apps?](#how-to-test-react-native-apps) |\n| 138 | [How do you log in React Native?](#how-to-do-logging-in-react-native) |\n| 139 | [How do you debug React Native apps?](#how-to-debug-your-react-native) |\n| | **React Supported Libraries and Integration** |\n| 140 | [What is Reselect and how does it work?](#what-is-reselect-and-how-it-works) |\n| 141 | [What is Flow?](#what-is-flow) |\n| 142 | [What is the difference between Flow and PropTypes?](#what-is-the-difference-between-flow-and-proptypes) |\n| 143 | [How do you use Font Awesome icons in React?](#how-to-use-font-awesome-icons-in-react) |\n| 144 | [What is React DevTools?](#what-is-react-dev-tools) |\n| 145 | [Why does DevTools not load in Chrome for local files?](#why-is-devtools-not-loading-in-chrome-for-local-files) |\n| 146 | [How do you use Polymer in React?](#how-to-use-polymer-in-react) |\n| 147 | [What are the advantages of React over Vue.js?](#what-are-the-advantages-of-react-over-vuejs) |\n| 148 | [What is the difference between React and Angular?](#what-is-the-difference-between-react-and-angular) |\n| 149 | [Why is the React tab not showing up in DevTools?](#why-react-tab-is-not-showing-up-in-devtools) |\n| 150 | [What are styled-components?](#what-are-styled-components) |\n| 151 | [Can you give an example of styled-components?](#give-an-example-of-styled-components) |\n| 152 | [What is Relay?](#what-is-relay) |\n| | **Miscellaneous** |\n| 153 | [What are the main features of the Reselect library?](#what-are-the-main-features-of-reselect-library) |\n| 154 | [Can you give an example of Reselect usage?](#give-an-example-of-reselect-usage) |\n| 155 | [Can Redux only be used with React?](#can-redux-only-be-used-with-react) |\n| 156 | [Do you need a specific build tool to use Redux?](#do-you-need-to-have-a-particular-build-tool-to-use-redux) |\n| 157 | [How do Redux Form initial values get updated from state?](#how-redux-form-initialvalues-get-updated-from-state) |\n| 158 | [How do React PropTypes allow different types for one prop?](#how-react-proptypes-allow-different-types-for-one-prop) |\n| 159 | [Can you import an SVG file as a React component?](#can-i-import-an-svg-file-as-react-component) |\n| 160 | [What is render hijacking in React?](#what-is-render-hijacking-in-react) |\n| 161 | [How do you pass numbers to a React component?](#how-to-pass-numbers-to-react-component) |\n| 162 | [Do you need to keep all state in Redux? Should you ever use React’s internal state?](#do-i-need-to-keep-all-my-state-into-redux-should-i-ever-use-react-internal-state) |\n| 163 | [What is the purpose of registerServiceWorker in React?](#what-is-the-purpose-of-registerserviceworker-in-react) |\n| 164 | [What is the React.memo function?](#what-is-react-memo-function) |\n| 165 | [What is the React.lazy function?](#what-is-react-lazy-function) |\n| 166 | [How do you prevent unnecessary updates using setState?](#how-to-prevent-unnecessary-updates-using-setstate) |\n| 167 | [How do you render arrays, strings, and numbers in React v16?](#how-do-you-render-array-strings-and-numbers-in-react-16-version) |\n| 168 | [What are Hooks?](#what-are-hooks) |\n| 169 | [What rules must be followed for Hooks?](#what-rules-need-to-be-followed-for-hooks) |\n| 170 | [How do you ensure Hooks follow the rules in your project?](#how-to-ensure-hooks-followed-the-rules-in-your-project) |\n| 171 | [What are the differences between Flux and Redux?](#what-are-the-differences-between-flux-and-redux) |\n| 172 | [What are the benefits of React Router v4?](#what-are-the-benefits-of-react-router-v4) |\n| 173 | [Can you describe the componentDidCatch lifecycle method signature?](#can-you-describe-about-componentdidcatch-lifecycle-method-signature) |\n| 174 | [In which scenarios do error boundaries not catch errors?](#in-which-scenarios-do-error-boundaries-not-catch-errors) |\n| 175 | [What is the behavior of uncaught errors in React v16?](#what-is-the-behavior-of-uncaught-errors-in-react-16) |\n| 176 | [What is the proper placement for error boundaries?](#what-is-the-proper-placement-for-error-boundaries) |\n| 177 | [What is the benefit of a component stack trace from an error boundary?](#what-is-the-benefit-of-component-stack-trace-from-error-boundary) |\n| 178 | [What are default props?](#what-are-default-props) |\n| 179 | [What is the purpose of the displayName class property?](#what-is-the-purpose-of-displayname-class-property) |\n| 180 | [What is the browser support for React applications?](#what-is-the-browser-support-for-react-applications) |\n| 181 | [What is code-splitting?](#what-is-code-splitting) |\n| 182 | [What are keyed Fragments?](#what-are-keyed-fragments) |\n| 183 | [Does React support all HTML attributes?](#does-react-support-all-html-attributes) |\n| 184 | [When do component props default to true?](#when-component-props-defaults-to-true) |\n| 185 | [What is Next.js and what are its major features?](#what-is-nextjs-and-major-features-of-it) |\n| 186 | [How do you pass an event handler to a component?](#how-do-you-pass-an-event-handler-to-a-component) |\n| 187 | [How do you prevent a function from being called multiple times?](#how-to-prevent-a-function-from-being-called-multiple-times) |\n| 188 | [How does JSX prevent injection attacks?](#how-jsx-prevents-injection-attacks) |\n| 189 | [How do you update rendered elements?](#how-do-you-update-rendered-elements) |\n| 190 | [How do you indicate that props are read-only?](#how-do-you-say-that-props-are-read-only) |\n| 191 | [What are the conditions for safely using an index as a key?](#what-are-the-conditions-to-safely-use-the-index-as-a-key) |\n| 192 | [Do keys need to be globally unique?](#is-it-keys-should-be-globally-unique) |\n| 193 | [What is the popular choice for form handling?](#what-is-the-popular-choice-for-form-handling) |\n| 194 | [What are the advantages of Formik over the Redux Form library?](#what-are-the-advantages-of-formik-over-redux-form-library) |\n| 195 | [Why are you not required to use inheritance?](#why-do-you-not-required-to-use-inheritance) |\n| 196 | [Can you use web components in a React application?](#can-i-use-web-components-in-react-application) |\n| 197 | [What is a dynamic import?](#what-is-dynamic-import) |\n| 198 | [What are loadable components?](#what-are-loadable-components) |\n| 199 | [What is a Suspense component?](#what-is-suspense-component) |\n| 200 | [What is route-based code splitting?](#what-is-route-based-code-splitting) |\n| 201 | [What is the purpose of the default value in Context?](#what-is-the-purpose-of-default-value-in-context) |\n| 202 | [What is the diffing algorithm?](#what-is-diffing-algorithm) |\n| 203 | [What rules are covered by the diffing algorithm?](#what-are-the-rules-covered-by-diffing-algorithm) |\n| 204 | [When do you need to use refs?](#when-do-you-need-to-use-refs) |\n| 205 | [Must a prop be named \"render\" for render props?](#is-it-prop-must-be-named-as-render-for-render-props) |\n| 206 | [What are the problems with using render props with Pure Components?](#what-are-the-problems-of-using-render-props-with-pure-components) |\n| 207 | [What is the windowing technique?](#what-is-windowing-technique) |\n| 208 | [How do you print falsy values in JSX?](#how-do-you-print-falsy-values-in-jsx) |\n| 209 | [What is the typical use case for portals?](#what-is-the-typical-use-case-of-portals) |\n| 210 | [How do you set a default value for an uncontrolled component?](#how-do-you-set-default-value-for-uncontrolled-component) |\n| 211 | [What is your favorite React stack?](#what-is-your-favorite-react-stack) |\n| 212 | [What is the difference between the real DOM and the Virtual DOM?](#what-is-the-difference-between-real-dom-and-virtual-dom) |\n| 213 | [How do you add Bootstrap to a React application?](#how-to-add-bootstrap-to-a-react-application) |\n| 214 | [Can you list the top websites or applications using React as a front-end framework?](#can-you-list-down-top-websites-or-applications-using-react-as-front-end-framework) |\n| 215 | [Is it recommended to use the CSS-in-JS technique in React?](#is-it-recommended-to-use-css-in-js-technique-in-react) |\n| 216 | [Do you need to rewrite all class components with Hooks?](#do-i-need-to-rewrite-all-my-class-components-with-hooks) |\n| 217 | [How do you fetch data with React Hooks?](#how-to-fetch-data-with-react-hooks) |\n| 218 | [Do Hooks cover all use cases for classes?](#is-hooks-cover-all-use-cases-for-classes) |\n| 219 | [What is the stable release for Hooks support?](#what-is-the-stable-release-for-hooks-support) |\n| 220 | [Why do we use array destructuring (square bracket notation) in useState?](#why-do-we-use-array-destructuring-square-brackets-notation-in-usestate) |\n| 221 | [What sources were used for introducing Hooks?](#what-are-the-sources-used-for-introducing-hooks) |\n| 222 | [How do you access the imperative API of web components?](#how-do-you-access-imperative-api-of-web-components) |\n| 223 | [What is Formik?](#what-is-formik) |\n| 224 | [What are typical middleware choices for handling asynchronous calls in Redux?](#what-are-typical-middleware-choices-for-handling-asynchronous-calls-in-redux) |\n| 225 | [Do browsers understand JSX code?](#do-browsers-understand-jsx-code) |\n| 226 | [Can you describe data flow in React?](#describe-about-data-flow-in-react) |\n| 227 | [What is MobX?](#what-is-mobx) |\n| 228 | [What are the differences between Redux and MobX?](#what-are-the-differences-between-redux-and-mobx) |\n| 229 | [Should you learn ES6 before learning ReactJS?](#should-i-learn-es6-before-learning-reactjs) |\n| 230 | [What is concurrent rendering?](#what-is-concurrent-rendering) |\n| 231 | [What is the difference between async mode and concurrent mode?](#what-is-the-difference-between-async-mode-and-concurrent-mode) |\n| 232 | [Can you use JavaScript URLs in React v16.9?](#can-i-use-javascript-urls-in-react169) |\n| 233 | [What is the purpose of the ESLint plugin for Hooks?](#what-is-the-purpose-of-eslint-plugin-for-hooks) |\n| 234 | [What is the difference between imperative and declarative programming in React?](#what-is-the-difference-between-imperative-and-declarative-in-react) |\n| 235 | [What are the benefits of using TypeScript with ReactJS?](#what-are-the-benefits-of-using-typescript-with-reactjs) |\n| 236 | [How do you ensure a user remains authenticated on page refresh while using Context API state management?](#how-do-you-make-sure-that-user-remains-authenticated-on-page-refresh-while-using-context-api-state-management) |\n| 237 | [What are the benefits of the new JSX transform?](#what-are-the-benefits-of-new-jsx-transform) |\n| 238 | [How is the new JSX transform different from the old transform?](#how-is-the-new-jsx-transform-different-from-old-transform) |\n| 239 | [What are React Server Components?](#what-are-react-server-components) |\n| 240 | [What is prop drilling?](#what-is-prop-drilling) |\n| 241 | [What is the difference between the useState and useRef Hooks?](#what-is-the-difference-between-usestate-and-useref-hook) |\n| 242 | [What is a wrapper component?](#what-is-a-wrapper-component) |\n| 243 | [What are the differences between the useEffect and useLayoutEffect Hooks?](#what-are-the-differences-between-useeffect-and-uselayouteffect-hooks) |\n| 244 | [What are the differences between functional and class components?](#what-are-the-differences-between-functional-and-class-components) |\n| 245 | [What is Strict Mode in React?](#what-is-strict-mode-in-react) |\n| 246 | [What is the benefit of Strict Mode?](#what-is-the-benefit-of-strict-mode) |\n| 247 | [Why does Strict Mode render twice in React?](#why-does-strict-mode-render-twice-in-react) |\n| 248 | [What are the rules of JSX?](#what-are-the-rules-of-jsx) |\n| 249 | [What is the reason multiple JSX tags must be wrapped?](#what-is-the-reason-behind-multiple-jsx-tags-to-be-wrapped) |\n| 250 | [How do you prevent mutating array variables?](#how-do-you-prevent-mutating-array-variables) |\n| 251 | [What are capture phase events?](#what-are-capture-phase-events) |\n| 252 | [How does React update the screen in an application?](#how-does-react-updates-screen-in-an-application) |\n| 253 | [How does React batch multiple state updates?](#how-does-react-batch-multiple-state-updates) |\n| 254 | [Is it possible to prevent automatic batching?](#is-it-possible-to-prevent-automatic-batching) |\n| 255 | [What is React hydration?](#what-is-react-hydration) |\n| 256 | [How do you update objects inside state?](#how-do-you-update-objects-inside-state) |\n| 257 | [How do you update nested objects inside state?](#How-do-you-update-nested-objects-inside-state) |\n| 258 | [How do you update arrays inside state?](#how-do-you-update-arrays-inside-state) |\n| 259 | [How do you use the Immer library for state updates?](#how-do-you-use-immer-library-for-state-updates) |\n| 260 | [What are the benefits of preventing direct state mutations?](#what-are-the-benefits-of-preventing-the-direct-state-mutations) |\n| 261 | [What are the preferred and non-preferred array operations f","该项目是一个包含500多个ReactJS面试问题及答案的列表，旨在帮助开发者准备React相关的技术面试。它涵盖了从基础到高级的各种核心概念和技术细节，如React组件、状态管理（Redux）、路由（React Router）等。此外，项目还计划添加编码练习题以进一步增强学习体验。适合正在准备前端开发职位面试，特别是需要掌握React框架的求职者使用。此资源对于希望深入理解React工作原理及其生态系统的人来说非常有价值。",2,"2026-06-11 02:40:35","top_all"]