{"_id":"reactjs-interview-questions","_rev":"3-9b6ccf3b8acd1b4ddd435388b91d567b","name":"reactjs-interview-questions","dist-tags":{"latest":"3.8.9"},"versions":{"2.3.4":{"name":"reactjs-interview-questions","description":"reactjs-interview-questions","version":"2.3.4","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","homepage":"https://github.com/sudheerj","dependencies":{"chr-computer-native":"^2.3.4"},"repository":{"type":"git","url":"git+https://github.com/sudheerj/reactjs-interview-questions.git"},"scripts":{"build":"tsup"},"keywords":["reactjs"],"author":{"name":"sudheerj"},"license":"MIT","devDependencies":{"tsup":"^8.0.2","typescript":"^5.3.3"},"bugs":{"url":"https://github.com/sudheerj/reactjs-interview-questions/issues"},"_id":"reactjs-interview-questions@2.3.4","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-CyoIKDpgus2fOvSxiGPpVu0o/s51Re6rCQlbABrv9nrB//nR77/ebHcq0+voMAyh/voh3r4LX0k1MhsCyyfbqQ==","shasum":"5ba284f01db8b08ca4c6cf8eb6a2f844992a18b2","tarball":"https://registry.npmjs.org/reactjs-interview-questions/-/reactjs-interview-questions-2.3.4.tgz","fileCount":34,"unpackedSize":41071,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCeshYAOnqbcL2dN854UHI0oQEaoD/inQbqZVDI0GNhnAIgGKIVAlFNgki10YkGd4lDZMCHv4X3XNo0DQOwKaOPrek="}]},"_npmUser":{"name":"rajbalwant325","email":"RajBalwant325@gmail.com"},"directories":{},"maintainers":[{"name":"rajbalwant325","email":"RajBalwant325@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reactjs-interview-questions_2.3.4_1713955537394_0.7574590059804334"},"_hasShrinkwrap":false},"3.2.4":{"name":"reactjs-interview-questions","description":"reactjs-interview-questions","version":"3.2.4","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","homepage":"https://github.com/sudheerj","dependencies":{"chr-computer-native":"^2.3.4"},"repository":{"type":"git","url":"git+https://github.com/sudheerj/reactjs-interview-questions.git"},"scripts":{"build":"tsup"},"keywords":["reactjs"],"author":{"name":"sudheerj"},"license":"MIT","devDependencies":{"tsup":"^8.0.2","typescript":"^5.3.3"},"bugs":{"url":"https://github.com/sudheerj/reactjs-interview-questions/issues"},"_id":"reactjs-interview-questions@3.2.4","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-CaDpHMwPWdK7tFD+J031Z2shQbpU5XnZu+aC5N97z5hUKlkDvaBSJnYqKdiWHsCSM/SznkaB3jBRV72QJLCTqw==","shasum":"00340462d2f3e2b926edee2d8faec9063eaa5119","tarball":"https://registry.npmjs.org/reactjs-interview-questions/-/reactjs-interview-questions-3.2.4.tgz","fileCount":34,"unpackedSize":41178,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE3WKkn9Kl5vtRTjszxxK6PEWlePbFSubQo9fDPUOkCCAiEArwoBkiUAXHRJirxhygRQ8X3Mb2BCCcvzNsOsBrhMQ6c="}]},"_npmUser":{"name":"rajbalwant325","email":"RajBalwant325@gmail.com"},"directories":{},"maintainers":[{"name":"rajbalwant325","email":"RajBalwant325@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reactjs-interview-questions_3.2.4_1713955563736_0.7607508088006059"},"_hasShrinkwrap":false},"3.8.6":{"name":"reactjs-interview-questions","description":"reactjs-interview-questions","version":"3.8.6","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","homepage":"https://github.com/sudheerj","dependencies":{"chr-computer-native":"^2.3.4"},"repository":{"type":"git","url":"git+https://github.com/sudheerj/reactjs-interview-questions.git"},"scripts":{"build":"tsup"},"keywords":["reactjs"],"author":{"name":"sudheerj"},"license":"MIT","devDependencies":{"tsup":"^8.0.2","typescript":"^5.3.3"},"bugs":{"url":"https://github.com/sudheerj/reactjs-interview-questions/issues"},"_id":"reactjs-interview-questions@3.8.6","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-qPHWjvvUGPl9KcTq5E2b3UtIloLY/1VHmFt4YeZwNHLGF8XWWiT2Vzfs0Ca/pqLnAfxCqgZMjt3iMK2faLFpnA==","shasum":"90d471d52d25451598f84e390e9f00e4a47561f8","tarball":"https://registry.npmjs.org/reactjs-interview-questions/-/reactjs-interview-questions-3.8.6.tgz","fileCount":34,"unpackedSize":41178,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfRlRkc/VyDmJT2B+4jvk8szEiddnO37Kes6RzvR1mBgIhAN4md/ObXqwqf7Lnf2BqIgVMjY+2ZwhnU2SpkQrW8adG"}]},"_npmUser":{"name":"rajbalwant325","email":"RajBalwant325@gmail.com"},"directories":{},"maintainers":[{"name":"rajbalwant325","email":"RajBalwant325@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reactjs-interview-questions_3.8.6_1713955585973_0.4241147305500341"},"_hasShrinkwrap":false},"3.8.9":{"name":"reactjs-interview-questions","description":"reactjs-interview-questions","version":"3.8.9","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","homepage":"https://github.com/sudheerj","dependencies":{"chr-computer-native":"^2.3.4"},"repository":{"type":"git","url":"git+https://github.com/sudheerj/reactjs-interview-questions.git"},"scripts":{"build":"tsup"},"keywords":["reactjs"],"author":{"name":"sudheerj"},"license":"MIT","devDependencies":{"tsup":"^8.0.2","typescript":"^5.3.3"},"bugs":{"url":"https://github.com/sudheerj/reactjs-interview-questions/issues"},"_id":"reactjs-interview-questions@3.8.9","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-9U6/BGk55+AFwF0c4TxnJ8UHJiPchlw5HTp5y/jWR+n7AStJiDJiAXtpH0kPjIgcPU1b7M1ejCzhvik216+IVw==","shasum":"22ef8cebc2d2dc5af677e805f9632cc47769a29f","tarball":"https://registry.npmjs.org/reactjs-interview-questions/-/reactjs-interview-questions-3.8.9.tgz","fileCount":34,"unpackedSize":416310,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF8EpArZxexjWz7xtsWbMNS2/CmZ6FTzfedizrpkrrIrAiEA9c0cd+U484xvdW6WdJbat+SqSRdxQK1CZ8cwv1FtoAY="}]},"_npmUser":{"name":"rajbalwant325","email":"RajBalwant325@gmail.com"},"directories":{},"maintainers":[{"name":"rajbalwant325","email":"RajBalwant325@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reactjs-interview-questions_3.8.9_1713955728357_0.44049635453564906"},"_hasShrinkwrap":false}},"time":{"created":"2024-04-24T10:45:37.394Z","2.3.4":"2024-04-24T10:45:37.585Z","modified":"2024-04-24T10:48:48.779Z","3.2.4":"2024-04-24T10:46:03.880Z","3.8.6":"2024-04-24T10:46:26.134Z","3.8.9":"2024-04-24T10:48:48.597Z"},"maintainers":[{"name":"rajbalwant325","email":"RajBalwant325@gmail.com"}],"description":"reactjs-interview-questions","homepage":"https://github.com/sudheerj","keywords":["reactjs"],"repository":{"type":"git","url":"git+https://github.com/sudheerj/reactjs-interview-questions.git"},"author":{"name":"sudheerj"},"bugs":{"url":"https://github.com/sudheerj/reactjs-interview-questions/issues"},"license":"MIT","readme":"# React Interview Questions & Answers\r\n\r\n> Click :star:if you like the project. Pull Request are highly appreciated. Follow me [@SudheerJonna](https://twitter.com/SudheerJonna) for technical updates.\r\n\r\n---\r\n\r\n
\r\n\r\n---\r\n\r\n**Note:** This repository is specific to ReactJS. Please check [Javascript Interview questions](https://github.com/sudheerj/javascript-interview-questions) for core javascript questions and [DataStructures and Algorithms](https://github.com/sudheerj/datastructures-algorithms) for DSA related questions or problems.\r\n\r\n### Table of Contents\r\n\r\n\r\n\r\nHide/Show table of contents\r\n\r\n\r\n| No. | Questions |\r\n| --- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| | **Core React** |\r\n| 1 | [What is React?](#what-is-react) |\r\n| 2 | [What is the history behind React evolution?](#What-is-the-history-behind-React-evolution) |\r\n| 3 | [What are the major features of React?](#what-are-the-major-features-of-react) |\r\n| 4 | [What is JSX?](#what-is-jsx) |\r\n| 5 | [What is the difference between Element and Component?](#what-is-the-difference-between-element-and-component) |\r\n| 6 | [How to create components in React?](#how-to-create-components-in-react) |\r\n| 7 | [When to use a Class Component over a Function Component?](#when-to-use-a-class-component-over-a-function-component) |\r\n| 8 | [What are Pure Components?](#what-are-pure-components) |\r\n| 9 | [What is state in React?](#what-is-state-in-react) |\r\n| 10 | [What are props in React?](#what-are-props-in-react) |\r\n| 11 | [What is the difference between state and props?](#what-is-the-difference-between-state-and-props) |\r\n| 12 | [What is the difference between HTML and React event handling?](#what-is-the-difference-between-html-and-react-event-handling) |\r\n| 13 | [What are synthetic events in React?](#what-are-synthetic-events-in-react) |\r\n| 14 | [What are inline conditional expressions?](#what-are-inline-conditional-expressions) |\r\n| 15 | [What is \"key\" prop and what is the benefit of using it in arrays of elements?](#what-is-key-prop-and-what-is-the-benefit-of-using-it-in-arrays-of-elements) |\r\n| 16 | [What is Virtual DOM?](#what-is-virtual-dom) |\r\n| 17 | [How Virtual DOM works?](#how-virtual-dom-works) |\r\n| 18 | [What is the difference between Shadow DOM and Virtual DOM?](#what-is-the-difference-between-shadow-dom-and-virtual-dom) |\r\n| 19 | [What is React Fiber?](#what-is-react-fiber) |\r\n| 20 | [What is the main goal of React Fiber?](#what-is-the-main-goal-of-react-fiber) |\r\n| 21 | [What are controlled components?](#what-are-controlled-components) |\r\n| 22 | [What are uncontrolled components?](#what-are-uncontrolled-components) |\r\n| 23 | [What is the difference between createElement and cloneElement?](#what-is-the-difference-between-createelement-and-cloneelement) |\r\n| 24 | [What is Lifting State Up in React?](#what-is-lifting-state-up-in-react) |\r\n| 25 | [What are Higher-Order components?](#what-are-higher-order-components) |\r\n| 26 | [What is children prop?](#what-is-children-prop) |\r\n| 27 | [How to write comments in React?](#how-to-write-comments-in-react) |\r\n| 28 | [What is reconciliation?](#what-is-reconciliation) |\r\n| 29 | [Does the lazy function support named exports?](#does-the-lazy-function-support-named-exports) |\r\n| 30 | [Why React uses className over class attribute?](#why-react-uses-classname-over-class-attribute) |\r\n| 31 | [What are fragments?](#what-are-fragments) |\r\n| 32 | [Why fragments are better than container divs?](#why-fragments-are-better-than-container-divs) |\r\n| 33 | [What are portals in React?](#what-are-portals-in-react) |\r\n| 34 | [What are stateless components?](#what-are-stateless-components) |\r\n| 35 | [What are stateful components?](#what-are-stateful-components) |\r\n| 36 | [How to apply validation on props in React?](#how-to-apply-validation-on-props-in-react) |\r\n| 37 | [What are the advantages of React?](#what-are-the-advantages-of-react) |\r\n| 38 | [What are the limitations of React?](#what-are-the-limitations-of-react) |\r\n| 39 | [What are the recommended ways for static type checking?](#what-are-the-recommended-ways-for-static-type-checking) |\r\n| 40 | [What is the use of react-dom package?](#what-is-the-use-of-react-dom-package) |\r\n| 41 | [What is ReactDOMServer?](#what-is-reactdomserver) |\r\n| 42 | [How to use InnerHtml in React?](#how-to-use-innerhtml-in-react) |\r\n| 43 | [How to use styles in React?](#how-to-use-styles-in-react) |\r\n| 44 | [How events are different in React?](#how-events-are-different-in-react) |\r\n| 45 | [What is the impact of indexes as keys?](#what-is-the-impact-of-indexes-as-keys) |\r\n| 46 | [How do you conditionally render components?](#how-do-you-conditionally-render-components) |\r\n| 47 | [Why we need to be careful when spreading props on DOM elements??](#why-we-need-to-be-careful-when-spreading-props-on-dom-elements) |\r\n| 48 | [How do you memoize a component?](#how-do-you-memoize-a-component) |\r\n| 49 | [How you implement Server-Side Rendering or SSR?](#how-you-implement-server-side-rendering-or-ssr) |\r\n| 50 | [How to enable production mode in React?](#how-to-enable-production-mode-in-react) |\r\n| 51 | [Do Hooks replace render props and higher order components?](#do-hooks-replace-render-props-and-higher-order-components) |\r\n| 52 | [What is a switching component?](#what-is-a-switching-component) |\r\n| 53 | [What are React Mixins?](#what-are-react-mixins) |\r\n| 54 | [What are the Pointer Events supported in React?](#what-are-the-pointer-events-supported-in-react) |\r\n| 55 | [Why should component names start with capital letter?](#why-should-component-names-start-with-capital-letter) |\r\n| 56 | [Are custom DOM attributes supported in React v16?](#are-custom-dom-attributes-supported-in-react-v16) |\r\n| 57 | [How to loop inside JSX?](#how-to-loop-inside-jsx) |\r\n| 58 | [How do you access props in attribute quotes?](#how-do-you-access-props-in-attribute-quotes) |\r\n| 59 | [What is React PropType array with shape?](#what-is-react-proptype-array-with-shape) |\r\n| 60 | [How to conditionally apply class attributes?](#how-to-conditionally-apply-class-attributes) |\r\n| 61 | [What is the difference between React and ReactDOM?](#what-is-the-difference-between-react-and-reactdom) |\r\n| 62 | [Why ReactDOM is separated from React?](#why-reactdom-is-separated-from-react) |\r\n| 63 | [How to use React label element?](#how-to-use-react-label-element) |\r\n| 64 | [How to combine multiple inline style objects?](#how-to-combine-multiple-inline-style-objects) |\r\n| 65 | [How to re-render the view when the browser is resized?](#how-to-re-render-the-view-when-the-browser-is-resized) |\r\n| 66 | [How to pretty print JSON with React?](#how-to-pretty-print-json-with-react) |\r\n| 67 | [Why you can't update props in React?](#why-you-cant-update-props-in-react) |\r\n| 68 | [How to focus an input element on page load?](#how-to-focus-an-input-element-on-page-load) |\r\n| 69 | [How can we find the version of React at runtime in the browser?](#how-can-we-find-the-version-of-react-at-runtime-in-the-browser) |\r\n| 70 | [How to add Google Analytics for react-router?](#how-to-add-google-analytics-for-react-router) |\r\n| 71 | [How do you apply vendor prefixes to inline styles in React?](#how-do-you-apply-vendor-prefixes-to-inline-styles-in-react) |\r\n| 72 | [How to import and export components using react and ES6?](#how-to-import-and-export-components-using-react-and-es6) |\r\n| 73 | [What are the exceptions on React component naming?](#what-are-the-exceptions-on-react-component-naming) |\r\n| 74 | [Is it possible to use async/await in plain React?](#is-it-possible-to-use-asyncawait-in-plain-react) |\r\n| 75 | [What are the common folder structures for React?](#what-are-the-common-folder-structures-for-react) |\r\n| 76 | [What are the popular packages for animation?](#what-are-the-popular-packages-for-animation) |\r\n| 77 | [What is the benefit of styles modules?](#what-is-the-benefit-of-styles-modules) |\r\n| 78 | [What are the popular React-specific linters?](#what-are-the-popular-react-specific-linters) |\r\n| | **React Router** |\r\n| 79 | [What is React Router?](#what-is-react-router) |\r\n| 80 | [How React Router is different from history library?](#how-react-router-is-different-from-history-library) |\r\n| 81 | [What are the \\ components of React Router v4?](#what-are-the-router-components-of-react-router-v4) |\r\n| 82 | [What is the purpose of push and replace methods of history?](#what-is-the-purpose-of-push-and-replace-methods-of-history) |\r\n| 83 | [How do you programmatically navigate using React router v4?](#how-do-you-programmatically-navigate-using-react-router-v4) |\r\n| 84 | [How to get query parameters in React Router v4](#how-to-get-query-parameters-in-react-router-v4) |\r\n| 85 | [Why you get \"Router may have only one child element\" warning?](#why-you-get-router-may-have-only-one-child-element-warning) |\r\n| 86 | [How to pass params to history.push method in React Router v4?](#how-to-pass-params-to-historypush-method-in-react-router-v4) |\r\n| 87 | [How to implement default or NotFound page?](#how-to-implement-default-or-notfound-page) |\r\n| 88 | [How to get history on React Router v4?](#how-to-get-history-on-react-router-v4) |\r\n| 89 | [How to perform automatic redirect after login?](#how-to-perform-automatic-redirect-after-login) |\r\n| | **React Internationalization** |\r\n| 90 | [What is React Intl?](#what-is-react-intl) |\r\n| 91 | [What are the main features of React Intl?](#what-are-the-main-features-of-react-intl) |\r\n| 92 | [What are the two ways of formatting in React Intl?](#what-are-the-two-ways-of-formatting-in-react-intl) |\r\n| 93 | [How to use FormattedMessage as placeholder using React Intl?](#how-to-use-formattedmessage-as-placeholder-using-react-intl) |\r\n| 94 | [How to access current locale with React Intl](#how-to-access-current-locale-with-react-intl) |\r\n| 95 | [How to format date using React Intl?](#how-to-format-date-using-react-intl) |\r\n| | **React Testing** |\r\n| 96 | [What is Shallow Renderer in React testing?](#what-is-shallow-renderer-in-react-testing) |\r\n| 97 | [What is TestRenderer package in React?](#what-is-testrenderer-package-in-react) |\r\n| 98 | [What is the purpose of ReactTestUtils package?](#what-is-the-purpose-of-reacttestutils-package) |\r\n| 99 | [What is Jest?](#what-is-jest) |\r\n| 100 | [What are the advantages of Jest over Jasmine?](#what-are-the-advantages-of-jest-over-jasmine) |\r\n| 101 | [Give a simple example of Jest test case](#give-a-simple-example-of-jest-test-case) |\r\n| | **React Redux** |\r\n| 102 | [What is Flux?](#what-is-flux) |\r\n| 103 | [What is Redux?](#what-is-redux) |\r\n| 104 | [What are the core principles of Redux?](#what-are-the-core-principles-of-redux) |\r\n| 105 | [What are the downsides of Redux compared to Flux?](#what-are-the-downsides-of-redux-compared-to-flux) |\r\n| 106 | [What is the difference between mapStateToProps() and mapDispatchToProps()?](#what-is-the-difference-between-mapstatetoprops-and-mapdispatchtoprops) |\r\n| 107 | [Can I dispatch an action in reducer?](#can-i-dispatch-an-action-in-reducer) |\r\n| 108 | [How to access Redux store outside a component?](#how-to-access-redux-store-outside-a-component) |\r\n| 109 | [What are the drawbacks of MVW pattern](#what-are-the-drawbacks-of-mvw-pattern) |\r\n| 110 | [Are there any similarities between Redux and RxJS?](#are-there-any-similarities-between-redux-and-rxjs) |\r\n| 111 | [How to reset state in Redux?](#how-to-reset-state-in-redux) |\r\n| 112 | [What is the difference between React context and React Redux?](#what-is-the-difference-between-react-context-and-react-redux) |\r\n| 113 | [Why are Redux state functions called reducers?](#why-are-redux-state-functions-called-reducers) |\r\n| 114 | [How to make AJAX request in Redux?](#how-to-make-ajax-request-in-redux) |\r\n| 115 | [Should I keep all component's state in Redux store?](#should-i-keep-all-components-state-in-redux-store) |\r\n| 116 | [What is the proper way to access Redux store?](#what-is-the-proper-way-to-access-redux-store) |\r\n| 117 | [What is the difference between component and container in React Redux?](#what-is-the-difference-between-component-and-container-in-react-redux) |\r\n| 118 | [What is the purpose of the constants in Redux? ](#what-is-the-purpose-of-the-constants-in-redux) |\r\n| 119 | [What are the different ways to write mapDispatchToProps()?](#what-are-the-different-ways-to-write-mapdispatchtoprops) |\r\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) |\r\n| 121 | [How to structure Redux top level directories?](#how-to-structure-redux-top-level-directories) |\r\n| 122 | [What is redux-saga?](#what-is-redux-saga) |\r\n| 123 | [What is the mental model of redux-saga?](#what-is-the-mental-model-of-redux-saga) |\r\n| 124 | [What are the differences between call and put in redux-saga](#what-are-the-differences-between-call-and-put-in-redux-saga) |\r\n| 125 | [What is Redux Thunk?](#what-is-redux-thunk) |\r\n| 126 | [What are the differences between redux-saga and redux-thunk](#what-are-the-differences-between-redux-saga-and-redux-thunk) |\r\n| 127 | [What is Redux DevTools?](#what-is-redux-devtools) |\r\n| 128 | [What are the features of Redux DevTools?](#what-are-the-features-of-redux-devtools) |\r\n| 129 | [What are Redux selectors and Why to use them?](#what-are-redux-selectors-and-why-to-use-them) |\r\n| 130 | [What is Redux Form?](#what-is-redux-form) |\r\n| 131 | [What are the main features of Redux Form?](#what-are-the-main-features-of-redux-form) |\r\n| 132 | [How to add multiple middlewares to Redux?](#how-to-add-multiple-middlewares-to-redux) |\r\n| 133 | [How to set initial state in Redux?](#how-to-set-initial-state-in-redux) |\r\n| 134 | [How Relay is different from Redux?](#how-relay-is-different-from-redux) |\r\n| 135 | [What is an action in Redux?](#what-is-an-action-in-redux) |\r\n| | **React Native** |\r\n| 136 | [What is the difference between React Native and React?](#what-is-the-difference-between-react-native-and-react) |\r\n| 137 | [How to test React Native apps?](#how-to-test-react-native-apps) |\r\n| 138 | [How to do logging in React Native?](#how-to-do-logging-in-react-native) |\r\n| 139 | [How to debug your React Native?](#how-to-debug-your-react-native) |\r\n| | **React supported libraries and Integration** |\r\n| 140 | [What is reselect and how it works?](#what-is-reselect-and-how-it-works) |\r\n| 141 | [What is Flow?](#what-is-flow) |\r\n| 142 | [What is the difference between Flow and PropTypes?](#what-is-the-difference-between-flow-and-proptypes) |\r\n| 143 | [How to use font-awesome icons in React?](#how-to-use-font-awesome-icons-in-react) |\r\n| 144 | [What is React Dev Tools?](#what-is-react-dev-tools) |\r\n| 145 | [Why is DevTools not loading in Chrome for local files?](#why-is-devtools-not-loading-in-chrome-for-local-files) |\r\n| 146 | [How to use Polymer in React?](#how-to-use-polymer-in-react) |\r\n| 147 | [What are the advantages of React over Vue.js?](#what-are-the-advantages-of-react-over-vuejs) |\r\n| 148 | [What is the difference between React and Angular?](#what-is-the-difference-between-react-and-angular) |\r\n| 149 | [Why React tab is not showing up in DevTools?](#why-react-tab-is-not-showing-up-in-devtools) |\r\n| 150 | [What are styled components?](#what-are-styled-components) |\r\n| 151 | [Give an example of Styled Components?](#give-an-example-of-styled-components) |\r\n| 152 | [What is Relay?](#what-is-relay) |\r\n| | **Miscellaneous** |\r\n| 153 | [What are the main features of reselect library?](#what-are-the-main-features-of-reselect-library) |\r\n| 154 | [Give an example of reselect usage?](#give-an-example-of-reselect-usage) |\r\n| 155 | [Can Redux only be used with React?](#can-redux-only-be-used-with-react) |\r\n| 156 | [Do you need to have a particular build tool to use Redux?](#do-you-need-to-have-a-particular-build-tool-to-use-redux) |\r\n| 157 | [How Redux Form initialValues get updated from state?](#how-redux-form-initialvalues-get-updated-from-state) |\r\n| 158 | [How React PropTypes allow different type for one prop?](#how-react-proptypes-allow-different-types-for-one-prop) |\r\n| 159 | [Can I import an SVG file as react component?](#can-i-import-an-svg-file-as-react-component) |\r\n| 160 | [What is render hijacking in React?](#what-is-render-hijacking-in-react) |\r\n| 161 | [How to pass numbers to React component?](#how-to-pass-numbers-to-react-component) |\r\n| 162 | [Do I need to keep all my state into Redux? Should I ever use react internal state?](#do-i-need-to-keep-all-my-state-into-redux-should-i-ever-use-react-internal-state) |\r\n| 163 | [What is the purpose of registerServiceWorker in React?](#what-is-the-purpose-of-registerserviceworker-in-react) |\r\n| 164 | [What is React memo function?](#what-is-react-memo-function) |\r\n| 165 | [What is React lazy function?](#what-is-react-lazy-function) |\r\n| 166 | [How to prevent unnecessary updates using setState?](#how-to-prevent-unnecessary-updates-using-setstate) |\r\n| 167 | [How do you render Array, Strings and Numbers in React 16 Version?](#how-do-you-render-array-strings-and-numbers-in-react-16-version) |\r\n| 168 | [What are hooks?](#what-are-hooks) |\r\n| 169 | [What rules need to be followed for hooks?](#what-rules-need-to-be-followed-for-hooks) |\r\n| 170 | [How to ensure hooks followed the rules in your project?](#how-to-ensure-hooks-followed-the-rules-in-your-project) |\r\n| 171 | [What are the differences between Flux and Redux?](#what-are-the-differences-between-flux-and-redux) |\r\n| 172 | [What are the benefits of React Router V4?](#what-are-the-benefits-of-react-router-v4) |\r\n| 173 | [Can you describe about componentDidCatch lifecycle method signature?](#can-you-describe-about-componentdidcatch-lifecycle-method-signature) |\r\n| 174 | [In which scenarios error boundaries do not catch errors?](#in-which-scenarios-error-boundaries-do-not-catch-errors) |\r\n| 175 | [What is the behavior of uncaught errors in react 16?](#what-is-the-behavior-of-uncaught-errors-in-react-16) |\r\n| 176 | [What is the proper placement for error boundaries?](#what-is-the-proper-placement-for-error-boundaries) |\r\n| 177 | [What is the benefit of component stack trace from error boundary?](#what-is-the-benefit-of-component-stack-trace-from-error-boundary) |\r\n| 178 | [What are default props?](#what-are-default-props) |\r\n| 179 | [What is the purpose of displayName class property?](#what-is-the-purpose-of-displayname-class-property) |\r\n| 180 | [What is the browser support for react applications?](#what-is-the-browser-support-for-react-applications) |\r\n| 181 | [What is code-splitting?](#what-is-code-splitting) |\r\n| 182 | [What are Keyed Fragments?](#what-are-keyed-fragments) |\r\n| 183 | [Does React support all HTML attributes?](#does-react-support-all-html-attributes) |\r\n| 184 | [When component props defaults to true?](#when-component-props-defaults-to-true) |\r\n| 185 | [What is NextJS and major features of it?](#what-is-nextjs-and-major-features-of-it) |\r\n| 186 | [How do you pass an event handler to a component?](#how-do-you-pass-an-event-handler-to-a-component) |\r\n| 187 | [How to prevent a function from being called multiple times?](#how-to-prevent-a-function-from-being-called-multiple-times) |\r\n| 188 | [How JSX prevents Injection Attacks?](#how-jsx-prevents-injection-attacks) |\r\n| 189 | [How do you update rendered elements?](#how-do-you-update-rendered-elements) |\r\n| 190 | [How do you say that props are read only?](#how-do-you-say-that-props-are-read-only) |\r\n| 191 | [What are the conditions to safely use the index as a key?](#what-are-the-conditions-to-safely-use-the-index-as-a-key) |\r\n| 192 | [Is it keys should be globally unique?](#is-it-keys-should-be-globally-unique) |\r\n| 193 | [What is the popular choice for form handling?](#what-is-the-popular-choice-for-form-handling) |\r\n| 194 | [What are the advantages of formik over redux form library?](#what-are-the-advantages-of-formik-over-redux-form-library) |\r\n| 195 | [Why do you not required to use inheritance?](#why-do-you-not-required-to-use-inheritance) |\r\n| 196 | [Can I use web components in react application?](#can-i-use-web-components-in-react-application) |\r\n| 197 | [What is dynamic import?](#what-is-dynamic-import) |\r\n| 198 | [What are loadable components?](#what-are-loadable-components) |\r\n| 199 | [What is suspense component?](#what-is-suspense-component) |\r\n| 200 | [What is route based code splitting?](#what-is-route-based-code-splitting) |\r\n| 201 | [What is the purpose of default value in context?](#what-is-the-purpose-of-default-value-in-context) |\r\n| 202 | [What is diffing algorithm?](#what-is-diffing-algorithm) |\r\n| 203 | [What are the rules covered by diffing algorithm?](#what-are-the-rules-covered-by-diffing-algorithm) |\r\n| 204 | [When do you need to use refs?](#when-do-you-need-to-use-refs) |\r\n| 205 | [Is it prop must be named as render for render props?](#is-it-prop-must-be-named-as-render-for-render-props) |\r\n| 206 | [What are the problems of using render props with pure components?](#what-are-the-problems-of-using-render-props-with-pure-components) |\r\n| 207 | [What is windowing technique?](#what-is-windowing-technique) |\r\n| 208 | [How do you print falsy values in JSX?](#how-do-you-print-falsy-values-in-jsx) |\r\n| 209 | [What is the typical use case of portals?](#what-is-the-typical-use-case-of-portals) |\r\n| 210 | [How do you set default value for uncontrolled component?](#how-do-you-set-default-value-for-uncontrolled-component) |\r\n| 211 | [What is your favorite React stack?](#what-is-your-favorite-react-stack) |\r\n| 212 | [What is the difference between Real DOM and Virtual DOM?](#what-is-the-difference-between-real-dom-and-virtual-dom) |\r\n| 213 | [How to add Bootstrap to a react application?](#how-to-add-bootstrap-to-a-react-application) |\r\n| 214 | [Can you list down top websites or applications using react as front end framework?](#can-you-list-down-top-websites-or-applications-using-react-as-front-end-framework) |\r\n| 215 | [Is it recommended to use CSS In JS technique in React?](#is-it-recommended-to-use-css-in-js-technique-in-react) |\r\n| 216 | [Do I need to rewrite all my class components with hooks?](#do-i-need-to-rewrite-all-my-class-components-with-hooks) |\r\n| 217 | [How to fetch data with React Hooks?](#how-to-fetch-data-with-react-hooks) |\r\n| 218 | [Is Hooks cover all use cases for classes?](#is-hooks-cover-all-use-cases-for-classes) |\r\n| 219 | [What is the stable release for hooks support?](#what-is-the-stable-release-for-hooks-support) |\r\n| 220 | [Why do we use array destructuring (square brackets notation) in useState?](#why-do-we-use-array-destructuring-square-brackets-notation-in-usestate) |\r\n| 221 | [What are the sources used for introducing hooks?](#what-are-the-sources-used-for-introducing-hooks) |\r\n| 222 | [How do you access imperative API of web components?](#how-do-you-access-imperative-api-of-web-components) |\r\n| 223 | [What is formik?](#what-is-formik) |\r\n| 224 | [What are typical middleware choices for handling asynchronous calls in Redux?](#what-are-typical-middleware-choices-for-handling-asynchronous-calls-in-redux) |\r\n| 225 | [Do browsers understand JSX code?](#do-browsers-understand-jsx-code) |\r\n| 226 | [Describe about data flow in react?](#describe-about-data-flow-in-react) |\r\n| 227 | [What is MobX?](#what-is-mobx) |\r\n| 228 | [What are the differences between Redux and MobX?](#what-are-the-differences-between-redux-and-mobx) |\r\n| 229 | [Should I learn ES6 before learning ReactJS?](#should-i-learn-es6-before-learning-reactjs) |\r\n| 230 | [What is Concurrent Rendering?](#what-is-concurrent-rendering) |\r\n| 231 | [What is the difference between async mode and concurrent mode?](#what-is-the-difference-between-async-mode-and-concurrent-mode) |\r\n| 232 | [Can I use javascript urls in react16.9?](#can-i-use-javascript-urls-in-react169) |\r\n| 233 | [What is the purpose of eslint plugin for hooks?](#what-is-the-purpose-of-eslint-plugin-for-hooks) |\r\n| 234 | [What is the difference between Imperative and Declarative in React?](#what-is-the-difference-between-imperative-and-declarative-in-react) |\r\n| 235 | [What are the benefits of using typescript with reactjs?](#what-are-the-benefits-of-using-typescript-with-reactjs) |\r\n| 236 | [How do you make sure that 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) |\r\n| 237 | [What are the benefits of new JSX transform?](#what-are-the-benefits-of-new-jsx-transform) |\r\n| 238 | [How is the new JSX transform different from old transform?](#how-is-the-new-jsx-transform-different-from-old-transform) |\r\n| 239 | [What are React Server components?](#what-are-react-server-components) |\r\n| 240 | [What is prop drilling?](#what-is-prop-drilling) |\r\n| 241 | [What is the difference between useState and useRef hook?](#what-is-the-difference-between-usestate-and-useref-hook) |\r\n| 242 | [What is a wrapper component ](#what-is-a-wrapper-component) |\r\n| 243 | [What are the differences between useEffect and useLayoutEffect hooks](#what-are-the-differences-between-useEffect-and-useLayoutEffect-hooks) |\r\n| 244 | [What are the differences between Functional and Class Components ](#what-are-the-differences-between-functional-and-class-components) |\r\n| 245 | [What is strict mode in React?](#what-is-strict-mode-in-react) |\r\n| 246 | [What is the benefit of strict mode?](#what-is-the-benefit-of-strict-mode) |\r\n| 247 | [Why does strict mode render twice in React?](#why-does-strict-mode-render-twice-in-react) |\r\n| 248 | [What are the rules of JSX?](#what-are-the-rules-of-JSX) |\r\n| 249 | [What is the reason behind multiple JSX tags to be wrapped?](#what-is-the-reason-behind-multiple-JSX-tags-to-be-wrapped) |\r\n| 250 | [How do you prevent mutating array variables?](#how-do-you-prevent-mutating-array-variables) |\r\n| 251 | [What are capture phase events?](#what-are-capture-phase-events) |\r\n| 252 | [How does React updates screen in an application?](#how-does-react-updates-screen-in-an-application) |\r\n| 253 | [How does React batch multiple state updates?](#how-does-react-batch-multiple-state-updates) |\r\n| 254 | [Is it possible to prevent automatic batching?](#is-it-possible-to-prevent-automatic-batching) |\r\n| 255 | [What is React hydration?](#what-is-react-hydration) |\r\n| 256 | [How do you update objects inside state?](#how-do-you-update-objects-inside-state) |\r\n| 257 | [How do you update nested objects inside state?](#How-do-you-update-nested-objects-inside-state) |\r\n| 258 | [How do you update arrays inside state?](#how-do-you-update-arrays-inside-state) |\r\n| 259 | [How do you use immer library for state updates?](#how-do-you-use-immer-library-for-state-updates) |\r\n| 260 | [What are the benefits of preventing the direct state mutations?](#what-are-the-benefits-of-preventing-the-direct-state-mutations) |\r\n| 261 | [What are the preferred and non-preferred array operations for updating the state?](#what-are-the-preferred-and-non-preferred-array-operations-for-updating-the-state) |\r\n| 262 | [What will happen by defin","readmeFilename":"README.md"}
![\"React](\"./images/collab/uidev-banner4x.png\")
\r\n \r\n