{"id":13400243,"url":"https://github.com/sudheerj/reactjs-interview-questions","last_synced_at":"2026-10-18T21:27:51.361Z","repository":{"id":37335525,"uuid":"135614069","full_name":"sudheerj/reactjs-interview-questions","owner":"sudheerj","description":"List of top 500 ReactJS Interview Questions \u0026 Answers....Coding exercise questions are coming soon!!","archived":false,"fork":false,"pushed_at":"2026-09-12T04:32:11.000Z","size":18013,"stargazers_count":44834,"open_issues_count":10,"forks_count":10387,"subscribers_count":630,"default_branch":"master","last_synced_at":"2026-09-25T12:19:54.745Z","etag":null,"topics":["interview-preparation","interview-questions","javascript","javascript-applications","javascript-framework","javascript-interview-questions","react","react-interview-questions","react-native","react-router","react16","reactjs","redux"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sudheerj.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"claude":null,"gemini":null,"cursor":null,"copilot":null,"dco":null,"cla":null,"disclosure":null},"funding":{"github":["sudheerj"],"custom":"https://buymeacoffee.com/sudheerj"}},"created_at":"2018-05-31T17:17:01.000Z","updated_at":"2026-09-25T04:41:21.000Z","dependencies_parsed_at":"2026-08-18T09:20:25.142Z","dependency_job_id":null,"html_url":"https://github.com/sudheerj/reactjs-interview-questions","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sudheerj/reactjs-interview-questions","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudheerj%2Freactjs-interview-questions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudheerj%2Freactjs-interview-questions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudheerj%2Freactjs-interview-questions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudheerj%2Freactjs-interview-questions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sudheerj","download_url":"https://codeload.github.com/sudheerj/reactjs-interview-questions/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sudheerj%2Freactjs-interview-questions/sbom","scorecard":{"id":857248,"data":{"date":"2025-08-11","repo":{"name":"github.com/sudheerj/reactjs-interview-questions","commit":"59957a73676047afc3746ff8f87fad08183352ac"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Code-Review","score":0,"reason":"Found 1/28 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":10,"reason":"29 commit(s) and 1 issue activity found in the last 90 days -- score normalized to 10","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 3 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"97 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr","Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj","Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-cwx2-736x-mf6w","Warn: Project is vulnerable to: GHSA-v39p-96qg-c8rf","Warn: Project is vulnerable to: GHSA-8v63-cqqc-6r2c","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-5q6m-3h65-w53x","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7","Warn: Project is vulnerable to: GHSA-c9g6-9335-x697","Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc","Warn: Project is vulnerable to: GHSA-rqff-837h-mm52","Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2","Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j","Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-24T00:09:54.626Z","repository_id":37335525,"created_at":"2025-08-24T00:09:54.626Z","updated_at":"2025-08-24T00:09:54.626Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":344872684,"owners_count":38341895,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-10-03T21:59:58.778Z","status":"online","status_checked_at":"2026-10-18T02:00:06.448Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["interview-preparation","interview-questions","javascript","javascript-applications","javascript-framework","javascript-interview-questions","react","react-interview-questions","react-native","react-router","react16","reactjs","redux"],"created_at":"2024-07-30T19:00:49.867Z","updated_at":"2026-10-18T21:27:51.350Z","avatar_url":"https://github.com/sudheerj.png","language":"JavaScript","funding_links":["https://github.com/sponsors/sudheerj","https://buymeacoffee.com/sudheerj"],"categories":["JavaScript","Uncategorized","一、React 核心资源","Programming Languages/Frameworks/Platforms","Interview Preparation","题库","Guides and Resources","React \u003ca name=\"react\"\u003e\u003c/a\u003e","Understanding the Theory and the fundamentals of some super-popular Algorithm questions","React [🔝](#readme)","Front-End Development","Learning and Reference","🌐 Web Development - Frontend","React"],"sub_categories":["Uncategorized","2. 教程与实战指南","ReactJS","JavaScript","Examples and Exercises"],"readme":"# React Interview Questions \u0026 Answers\n\u003e Click :star: if you like the project. Pull Requests are highly appreciated. Follow me [@SudheerJonna](https://twitter.com/SudheerJonna) for technical updates.\n\n---\n\n\n\n\u003cdiv\u003e\n\u003cp align=\"center\"\u003e\n \u003ca href=\"https://www.greatfrontend.com/questions/react-interview-questions?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=sudheerj-react\u0026fpr=sudheerj\u0026gnrs=sudheerj\"\u003e\n \u003cimg src=\"./images/collab/greatfrontend-react.gif\" alt=\"GreatFrontEnd React Interview Questions\" width=\"100%\"\u003e\n \u003c/a\u003e\n\u003c/p\u003e\n\u003c/div\u003e\n\n\u003e Practice 280+ JavaScript coding interview questions in-browser. Built by ex-FAANG interviewers. No AI-generated fluff. No fake reviews. [Try GreatFrontEnd →](https://www.greatfrontend.com/questions/react-interview-questions?utm_source=github\u0026utm_medium=referral\u0026utm_campaign=sudheerj-react\u0026fpr=sudheerj\u0026gnrs=sudheerj) 💡\n\n\u003cdiv\u003e\n\u003cp align=\"center\"\u003e\n \u003ca href=\"https://zerotomastery.io/?utm_source=github\u0026utm_medium=sponsor\u0026utm_campaign=reactjs-interview-questions\"\u003e\n \u003cimg src=\"./images/collab/ztm.gif\" alt=\"ZTM Logo\" width=\"100%\"\u003e\n \u003c/a\u003e\n\u003c/p\u003e\n\u003c/div\u003e\n\n\u003e I recommend this [React course](https://zerotomastery.io/courses/learn-react/?utm_source=github\u0026utm_medium=sponsor\u0026utm_campaign=reactjs-interview-questions) to become top 10% at React and [this coding interview bootcamp](https://zerotomastery.io/courses/learn-data-structures-and-algorithms/?utm_source=github\u0026utm_medium=sponsor\u0026utm_campaign=reactjs-interview-questions) to ace your coding interview and actually get hired.\n\n---\n\n\u003cdiv\u003e\n\u003cp align=\"center\"\u003e\n \u003ca href=\"https://resumeloom.com/?ref=FZ818184\"\u003e\n \u003cimg src=\"./images/collab/resumeloom1.png\" alt=\"Resume Loom\" width=\"100%\" height=\"\"\u003e\n \u003c/a\u003e\n\u003c/p\u003e\n\u003c/div\u003e\n\n---\n\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 [Data Structures and Algorithms](https://github.com/sudheerj/datastructures-algorithms) for DSA-related questions or problems.\n\n### Table of Contents\n\n\u003cdetails open\u003e\n\u003csummary\u003e\nHide/Show table of contents\n\u003c/summary\u003e\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| 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/await 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\u003e 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 | [Explain concurrent rendering with an example](#explain-concurrent-rendering-with-an-example) |\n| 231 | [What is the difference between async mode and concurrent mode?](#what-is-the-difference-between-async-mode-and-concurrent-mode) |\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 for updating state?](#what-are-the-preferred-and-non-preferred-array-operations-for-updating-the-state) |\n| 262 | [What will happen when defining nested function components?](#what-will-happen-by-defining-nested-function-components) |\n| 263 | [Can I use keys for non-list items?](#can-i-use-keys-for-non-list-items) |\n| 264 | [What are the guidelines to follow for writing reducers?](#what-are-the-guidelines-to-be-followed-for-writing-reducers) |\n| | **Hooks** |\n| 265 | [What is useReducer hook? Can you describe its usage?](#what-is-use-reducer-hook-can-you-describe-its-usage) |\n| 266 | [How do you compare useState and useReducer?](#how-do-you-compare-use-state-and-use-reducer) |\n| 267 | [How does Context work with the useContext hook?](#how-does-context-works-using-usecontext-hook) |\n| 268 | [What are the use cases of the useContext hook?](#what-are-the-use-cases-of-usecontext-hook) |\n| 269 | [When should you use client and server components?](#when-to-use-client-and-server-components) |\n| 270 | [What are the differences between the Page Router and App Router in Next.js?](#what-are-the-differences-between-page-router-and-app-router-in-nextjs) |\n| 271 | [Can you describe the useMemo() Hook?](#can-you-describe-the-usememo-hook) |\n| 272 | [Can Hooks be used in class components?](#can-hooks-be-used-in-class-components) |\n| 273 | [What is an updater function? Should an updater function be used in all cases?](#what-is-an-updater-function-should-an-updater-function-be-used-in-all-cases) |\n| 274 | [Can useState take a function as an initial value?](#can-usestate-take-a-function-as-an-initial-value) |\n| 275 | [What types of values can useState hold?](#what-types-of-values-can-usestate-hold) |\n| 276 | [What happens if you call useState conditionally?](#what-happens-if-you-call-usestate-conditionally) |\n| 277 | [Is useState Synchronous or Asynchronous?](#is-usestate-synchronous-or-asynchronous) |\n| 278 | [Can you explain how useState works internally?](#can-you-explain-how-usestate-works-internally) |\n| 279 | [What is useReducer? Why do you use useReducer?](#what-is-usereducer-why-do-you-use-usereducer) |\n| 280 | [How does useReducer work? Explain with an example](#how-does-usereducer-works-explain-with-an-example) |\n| 281 | [Can you combine useReducer with useContext?](#can-you-combine-usereducer-with-usecontext) |\n| 282 | [Can you dispatch multiple actions in a row with useReducer?](#can-you-dispatch-multiple-actions-in-a-row-with-usereducer) |\n| 283 | [Is dispatch from useReducer asynchronous and does it update state immediately?](#is-dispatch-from-usereducer-asynchronous-and-does-it-update-state-immediately) |\n| 284 | [How does useContext work? Explain with an example](#how-does-usecontext-works-explain-with-an-example) |\n| 285 | [Can you use multiple Contexts in one component?](#can-you-use-multiple-contexts-in-one-component) |\n| 286 | [What's a common pitfall when using useContext with objects?](#whats-a-common-pitfall-when-using-usecontext-with-objects) |\n| 287 | [What would the context value be for no matching provider?](#what-would-the-context-value-be-for-no-matching-provider) |\n| 288 | [How do reactive dependencies in the useEffect dependency array affect its execution behavior?](#how-do-reactive-dependencies-in-the-useeffect-dependency-array-affect-its-execution-behavior) |\n| 289 | [When and how often does React invoke the setup and cleanup functions inside a useEffect hook?](#when-and-how-often-does-react-invoke-the-setup-and-cleanup-functions-inside-a-useeffect-hook) |\n| 290 | [What happens if you return a Promise from useEffect?](#what-happens-if-you-return-a-promise-from-useeffect) |\n| 291 | [Can you have multiple useEffect hooks in a single component?](#can-you-have-multiple-useeffect-hooks-in-a-single-component) |\n| 292 | [How to prevent infinite loops with useEffect?](#how-to-prevent-infinite-loops-with-useeffect) |\n| 293 | [What are the use cases of useLayoutEffect?](#what-are-the-usecases-of-uselayouteffect) |\n| 294 | [How does useLayoutEffect work during server-side rendering (SSR)?](#how-does-uselayouteffect-work-during-server-side-rendering-ssr) |\n| 295 | [What happens if you use useLayoutEffect for non-layout logic?](#what-happens-if-you-use-uselayouteffect-for-non-layout-logic) |\n| 296 | [How does useLayoutEffect cause layout thrashing?](#how-does-uselayouteffect-cause-layout-thrashing) |\n| 297 | [How do you use useRef to access a DOM element in React? Give an example](#how-do-you-use-useref-to-access-a-dom-element-in-react-give-an-example) |\n| 298 | [Can you use useRef to persist values across renders?](#can-you-use-useref-to-persist-values-across-renders) |\n| 299 | [Can useRef be used to store previous values?](#can-useref-be-used-to-store-previous-values) |\n| 300 | [Is it possible to access a ref in the render method?](#is-it-possible-to-access-a-ref-in-the-render-method) |\n| 301 | [What are the common use cases of useRef hook?](#what-are-the-common-usecases-of-useref-hook) |\n| 302 | [What is useImperativeHandle Hook? Give an example](#what-is-useimperativehandle-hook-give-an-example) |\n| 303 | [When should you use useImperativeHandle?](#when-should-you-use-useimperativehandle) |\n| 304 | [Is it possible to use useImperativeHandle without forwardRef?](#is-that-possible-to-use-useimperativehandle-without-forwardref) |\n| 305 | [How is useMemo different from useCallback?](#how-is-usememo-different-from-usecallback) |\n| 306 | [Does useMemo prevent re-rendering of child components?](#does-usememo-prevent-re-rendering-of-child-components) |\n| 307 | [What is useCallback and why is it used?](#what-is-usecallback-and-why-is-it-used) |\n| 308 | [What are Custom React Hooks, and how can you develop one?](#what-are-custom-react-hooks-and-how-can-you-develop-one) |\n| 309 | [How does React Fiber work? Explain in detail](#how-does-react-fiber-works-explain-in-detail) |\n| 310 | [What is the useId hook and when should you use it?](#what-is-the-useid-hook-and-when-should-you-use-it) |\n| 311 | [What is the useDeferredValue hook?](#what-is-the-usedeferredvalue-hook) |\n| 312 | [What is the useTransition hook and how does it differ from useDeferredValue?](#what-is-the-usetransition-hook-and-how-does-it-differ-from-usedeferredvalue) |\n| 313 | [What is the useSyncExternalStore hook?](#what-is-the-usesyncexternalstore-hook) |\n| 314 | [What is the useInsertionEffect hook?](#what-is-the-useinsertioneffect-hook) |\n| 315 | [How do you share state logic between components using custom hooks?](#how-do-you-share-state-logic-between-components-using-custom-hooks) |\n| 316 | [What is the useDebugValue hook?](#what-is-the-usedebugvalue-hook) |\n| 317 | [How do you handle cleanup in useEffect?](#how-do-you-handle-cleanup-in-useeffect) |\n| 318 | [What are the differences between useEffect and useEvent (experimental)?](#what-are-the-differences-between-useeffect-and-useevent-experimental) |\n| 319 | [What are the best practices for using React Hooks?](#what-are-the-best-practices-for-using-react-hooks) |\n| | **Modern React Features (React 18/19)** |\n| 320 | [What are the key features introduced in React 18?](#what-are-the-key-features-introduced-in-react-18) |\n| 321 | [What are the key features introduced in React 19?](#what-are-the-key-features-introduced-in-react-19) |\n| 322 | [What is the use() hook in React 19?](#what-is-the-use-hook-in-react-19) |\n| 323 | [What are Server Actions in React 19?](#what-are-server-actions-in-react-19) |\n| 324 | [What are useFormState and useFormStatus hooks?](#what-are-useformstate-and-useformstatus-hooks) |\n| 325 | [What is the useOptimistic hook?](#what-is-the-useoptimistic-hook) |\n| 326 | [What is the React Compiler (React Forget)?](#what-is-the-react-compiler-react-forget) |\n| 327 | [What is Streaming SSR and how does React 18+ improve it?](#what-is-streaming-ssr-and-how-does-react-18-improve-it) |\n| 328 | [What is `renderToPipeableStream` and how is it different from renderToString?](#what-is-rendertopipeablestream-and-how-is-it-different-from-rendertostring) |\n| 329 | [What is the difference between HOCs and Hooks?](#what-is-the-difference-between-hocs-and-hooks) |\n| 330 | [Does `React.memo` prevent Context consumers from re-rendering?](#does-reactmemo-prevent-context-consumers-from-re-rendering) |\n| 331 | [How would you create a reusable Context?](#how-would-you-create-a-reusable-context) |\n| 332 | [Why is Redux Toolkit recommended over Redux?](#why-is-redux-toolkit-recommended-over-redux) |\n| 333 | [What is the difference between client state and server state?](#what-is-the-difference-between-client-state-and-server-state) |\n| 334 | [How do you prevent unnecessary Redux re-renders?](#how-do-you-prevent-unnecessary-redux-re-renders) |\n| 335 | [What is `createSelector`?](#what-is-createselector) |\n| 336 | [What is normalized Redux state?](#what-is-normalized-redux-state) |\n| 337 | [Why is normalized state important for performance?](#why-is-normalized-state-important-for-performance) |\n| 338 | [What is Redux middleware?](#what-is-redux-middleware) |\n| 339 | [What is the Redux middleware signature?](#what-is-the-redux-middleware-signature) |\n| 340 | [What happens when you dispatch an action?](#what-happens-when-you-dispatch-an-action) |\n| 341 | [How would you structure Redux in a large application?](#how-would-you-structure-redux-in-a-large-application) |\n| 342 | [How do you handle cross-slice communication?](#how-do-you-handle-cross-slice-communication) |\n| 343 | [What are Redux serializable values?](#what-are-redux-serializable-values) |\n| 344 | [How do you handle race conditions in Redux?](#how-do-you-handle-race-conditions-in-redux) |\n| 345 | [How do you persist Redux state?](#how-do-you-persist-redux-state) |\n| 346 | [How do you debug a Redux performance problem?](#how-do-you-debug-a-redux-performance-problem) |\n| 347 | [What should be stored in Redux vs derived with selectors?](#what-should-be-stored-in-redux-vs-derived-with-selectors) |\n| 348 | [Would you put all API data into Redux?](#would-you-put-all-api-data-into-redux) |\n| 349 | [What is the difference between BrowserRouter, HashRouter, and MemoryRouter?](#what-is-the-difference-between-browserrouter-hashrouter-and-memoryrouter) |\n| 350 | [What are dynamic routes and what are route parameters?](#what-are-dynamic-routes-and-what-are-route-parameters) |\n| 351 | [How do you navigate programmatically in React Router?](#how-do-you-navigate-programmatically-in-react-router) |\n| 352 | [What is the difference between Link, NavLink, and `\u003ca\u003e`?](#what-is-the-difference-between-link-navlink-and-a) |\n| 353 | [How do you implement protected/private routes?](#how-do-you-implement-protectedprivate-routes) |\n| 354 | [How do you handle 404 / Not Found routes?](#how-do-you-handle-404--not-found-routes) |\n| 355 | [What are loaders, actions, and data APIs in modern React Router?](#what-are-loaders-actions-and-data-apis-in-modern-react-router) |\n| 356 | [How do query parameters work?](#how-do-query-parameters-work) |\n\n\u003c/details\u003e\n\n### Table of Contents\n\n\u003cdetails open\u003e\n\u003csummary\u003e\nHide/Show table of contents\n\u003c/summary\u003e\n\n| No. | Questions |\n| --- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| | **Old Q\u0026A** |\n| 0 | [What is Concurrent Rendering? (Legacy)](#what-is-concurrent-rendering-legacy) |\n| 1 | [Why should we not update the state directly?](#why-should-we-not-update-the-state-directly) |\n| 2 | [What is the purpose of callback function as an argument of setState()?](#what-is-the-purpose-of-callback-function-as-an-argument-of-setstate) |\n| 3 | [How to bind methods or event handlers in JSX callbacks?](#how-to-bind-methods-or-event-handlers-in-jsx-callbacks) |\n| 4 | [How to pass a parameter to an event handler or callback?](#how-to-pass-a-parameter-to-an-event-handler-or-callback) |\n| 5 | [What is the use of refs?](#what-is-the-use-of-refs) |\n| 6 | [How to create refs?](#how-to-create-refs) |\n| 7 | [What are forward refs?](#what-are-forward-refs) |\n| 8 | [Which is preferred option with in callback refs and findDOMNode()?](#which-is-preferred-option-with-in-callback-refs-and-finddomnode) |\n| 9 | [Why are String Refs legacy?](#why-are-string-refs-legacy) |\n| 10 | [What are the different phases of component lifecycle?](#what-are-the-different-phases-of-component-lifecycle) |\n| 11 | [What are the lifecycle methods of React?](#what-are-the-lifecycle-methods-of-react) |\n| 12 | [How to create props proxy for HOC component?](#how-to-create-props-proxy-for-hoc-component) |\n| 13 | [What is context?](#what-is-context) |\n| 14 | [What is the purpose of using super constructor with props argument?](#what-is-the-purpose-of-using-super-constructor-with-props-argument) |\n| 15 | [How to set state with a dynamic key name?](#how-to-set-state-with-a-dynamic-key-name) |\n| 16 | [What would be the common mistake of function being called every time the component renders?](#what-would-be-the-common-mistake-of-function-being-called-every-time-the-component-renders) |\n| 17 | [What are error boundaries in React v16](#what-are-error-boundaries-in-react-v16) |\n| 18 | [How are error boundaries handled in React v15?](#how-are-error-boundaries-handled-in-react-v15) |\n| 19 | [What is the purpose of render method of react-dom?](#what-is-the-purpose-of-render-method-of-react-dom) |\n| 20 | [What will happen if you use setState in constructor?](#what-will-happen-if-you-use-setstate-in-constructor) |\n| 21 | [Is it good to use setState() in componentWillMount() method?](#is-it-good-to-use-setstate-in-componentwillmount-method) |\n| 22 | [What will happen if you use props in initial state?](#what-will-happen-if-you-use-props-in-initial-state) |\n| 23 | [How you use decorators in React?](#how-you-use-decorators-in-react) |\n| 24 | [What is CRA and its benefits?](#what-is-cra-and-its-benefits) |\n| 25 | [What is the lifecycle methods order in mounting?](#what-is-the-lifecycle-methods-order-in-mounting) |\n| 26 | [What are the lifecycle methods going to be deprecated in React v16?](#what-are-the-lifecycle-methods-going-to-be-deprecated-in-react-v16) |\n| 27 | [What is the purpose of getDerivedStateFromProps() lifecycle method?](#what-is-the-purpose-of-getderivedstatefromprops-lifecycle-method) |\n| 28 | [What is the purpose of getSnapshotBeforeUpdate() lifecycle method?](#what-is-the-purpose-of-getsnapshotbeforeupdate-lifecycle-method) |\n| 29 | [What is the recommended way for naming components?](#what-is-the-recommended-way-for-naming-components) |\n| 30 | [What is the recommended ordering of methods in component class?](#what-is-the-recommended-ordering-of-methods-in-component-class) |\n| 31 | [Why we need to pass a function to setState()?](#why-we-need-to-pass-a-function-to-setstate) |\n| 32 | [Why is isMounted() an anti-pattern and what is the proper solution?](#why-is-ismounted-an-anti-pattern-and-what-is-the-proper-solution) |\n| 33 | [What is the difference between constructor and getInitialState?](#what-is-the-difference-between-constructor-and-getinitialstate) |\n| 34 | [Can you force a component to re-render without calling setState?](#can-you-force-a-component-to-re-render-without-calling-setstate) |\n| 35 | [What is the difference between super() and super(props) in React using ES6 classes?](#what-is-the-difference-between-super-and-superprops-in-react-using-es6-classes) |\n| 36 | [What is the difference between setState and replaceState methods?](#what-is-the-difference-between-setstate-and-replacestate-methods) |\n| 37 | [How to listen to state changes?](#how-to-listen-to-state-changes) |\n| 38 | [What is the recommended approach of removing an array element in react state?](#what-is-the-recommended-approach-of-removing-an-array-element-in-react-state) |\n| 39 | [Is it possible to use React without rendering HTML?](#is-it-possible-to-use-react-without-rendering-html) |\n| 40 | [What are the possible ways of updating objects in state?](#what-are-the-possible-ways-of-updating-objects-in-state) |\n| 41 | [What are the approaches to include polyfills in your create-react-app?](#what-are-the-approaches-to-include-polyfills-in-your-create-react-app) |\n| 42 | [How to use https instead of http in create-react-app?](#how-to-use-https-instead-of-http-in-create-react-app) |\n| 43 | [How to avoid using relative path imports in create-react-app?](#how-to-avoid-using-relative-path-imports-in-create-react-app) |\n| 44 | [How to update a component every second?](#how-to-update-a-component-every-second) |\n| 45 | [Why is a component constructor called only once?](#why-is-a-component-constructor-called-only-once) |\n| 46 | [How to define constants in React?](#how-to-define-constants-in-react) |\n| 47 | [How to programmatically trigger click event in React?](#how-to-programmatically-trigger-click-event-in-react) |\n| 48 | [How to make AJAX call and In which component lifecycle methods should I make an AJAX call?](#how-to-make-ajax-call-and-in-which-component-lifecycle-methods-should-i-make-an-ajax-call) |\n| 49 | [What are render props?](#what-are-render-props) |\n| 50 | [How to dispatch an action on load?](#how-to-dispatch-an-action-on-load) |\n| 51 | [How to use connect from React Redux?](#how-to-use-connect-from-react-redux) |\n| 52 | [Whats the purpose of at symbol in the redux connect decorator?](#whats-the-purpose-of-at-symbol-in-the-redux-connect-decorator) |\n| 53 | [How to use TypeScript in create-react-app application?](#how-to-use-typescript-in-create-react-app-application) |\n| 54 | [Does the statics object work with ES6 classes in React?](#does-the-statics-object-work-with-es6-classes-in-react) |\n| 55 | [Why are inline ref callbacks or functions not recommended?](#why-are-inline-ref-callbacks-or-functions-not-recommended) |\n| 56 | [What are HOC factory implementations?](#what-are-hoc-factory-implementations) |\n| 57 | [How to use class field declarations syntax i","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudheerj%2Freactjs-interview-questions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsudheerj%2Freactjs-interview-questions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudheerj%2Freactjs-interview-questions/lists"}