Gokul Pisharody's Blog
All advance and most asked interview question in react.js

Photo by Van Tay Media on Unsplash

All advance and most asked interview question in react.js

Gokul Pisharody's photo
Gokul Pisharody
·

3 min read

Table of contents

No heading

No headings in the article.

  1. What is React.js and why is it popular?

  2. Describe the component-based architecture of React.js.

  3. differences between

    1. functional components and class components

    2. normal Dom and virtual DOM ? (or) why react is faster? (or) what is reconciliation in react ? (or) what is diffi-algo ? (or) what is react fiber?

    3. jsx and html

    4. controlled and uncontrolled components

    5. state and props

    6. context api and redux

    7. redux thunk and redux saga

    8. redux , redux toolkit and redux toolkit query

    9. react and next.js

    10. react , angular and vue.js

    11. memo, useMemo and useCallback

    12. "componentWillMount" and "componentDidMount" lifecycle methods

    13. code splitting , react.lazy() and suspense, react fragment, react profiler, lighthouse, react portals

    14. pass data

      1. child to parent (or) lifting state up

      2. parent to child

    15. why to use key, why not to use index while mapping through array

    16. useState and useRef

  4. How does React.js handle state management?

  5. What is JSX in React.js? How does it differ from HTML?

  6. What are the lifecycle methods in React.js? Explain each phase.

  7. What is the purpose of keys in React.js? Why are they important?

  8. How do you handle forms in React.js?

  9. What is the significance of "setState" in React.js?

  10. Describe the concept of React hooks. What are some commonly used hooks?

  11. How do you handle routing in React.js? What libraries or methods can be used?

  12. What is React Router? How does it work?

  13. Describe the concept of context in React.js.

  14. What are higher-order components (HOCs) in React.js? Provide an example.

  15. How do you handle event handling in React.js?

  16. Explain the concept of reconciliation in React.js.

  17. How do you handle performance optimization in React.js?

  18. Describe the concept of code splitting in React.js. Why is it useful?

  19. What are React fragments? How do they improve performance?

  20. Explain the concept of error boundaries in React.js.

  21. How do you handle internationalization (i18n) in React.js?

  22. Describe the concept of lazy loading in React.js. What is React.lazy()?

  23. How do you handle state management in large-scale React.js applications?

  24. Explain the concept of server-side rendering (SSR) in React.js.

  25. What are React hooks rules and best practices?

  26. How do you handle authentication and authorization in React.js applications?

  27. Describe the concept of memoization in React.js.

  28. What are React context providers and consumers?

  29. How do you handle data fetching in React.js? What libraries or methods can be used?

  30. Explain the concept of render props in React.js.

  31. What are the differences between "Shallow Rendering" and "Full Rendering" in React.js testing?

  32. Describe the concept of React Portals. How can they be used in real-world scenarios?

  33. How do you handle data flow and state management in React.js without using Redux?

ReactJavaScriptfrontendtop-interview