|
19 | 19 | - **[Performance Optimization](#performance-optimization) 🚀** |
20 | 20 | - **[APIs and Asynchronous Programming](#apis-and-asynchronous-programming) 🌐** |
21 | 21 | - **[JavaScript Patterns and Best Practices](#javascript-patterns-and-best-practices) 🛠️** |
| 22 | +- **[Beginner ReactJS](#beginner-reactjs) ⚛️** |
| 23 | +- **[Intermediate ReactJS](#intermediate-reactjs) ⚛️ 🚀** |
| 24 | +- **[Advanced ReactJS](#advanced-reactjs) ⚛️ 🔥** |
22 | 25 |
|
23 | 26 |
|
24 | 27 | ## Basic JavaScript |
|
684 | 687 | 9. Describe the MVVM (Model-View-ViewModel) pattern and its role in frameworks like Knockout.js. |
685 | 688 | 10. How do you implement the Flux architecture in JavaScript applications, and what libraries are associated with it. |
686 | 689 |
|
| 690 | +## Beginner ReactJS |
| 691 | + |
| 692 | +1. How does React use the virtual DOM to make things faster? |
| 693 | +2. What are React Hooks, and why are they useful? |
| 694 | +3. Can you explain the difference between controlled and uncontrolled components in React? |
| 695 | +4. What is JSX in React, and how is it different from regular HTML? Can you provide an example? |
| 696 | +5. How does the `useEffect` hook help in React? Can you give an example? |
| 697 | +6. Why is the `key` attribute important when working with lists in React? |
| 698 | +7. What is the purpose of the `setState` method in React, and why is it used? |
| 699 | +8. Explain the concept of props in React and how they differ from state. |
| 700 | +9. How does conditional rendering work in React, and can you provide an example? |
| 701 | +10. What is the significance of the `render` method in a React component? |
| 702 | +11. How do you handle forms in React, and what is the role of controlled components? |
| 703 | +12. What is the purpose of the `React.Fragment` in React? |
| 704 | + |
| 705 | +## Intermediate ReactJS |
| 706 | + |
| 707 | +1. Can you explain Higher Order Components (HOC) in React in simple terms? |
| 708 | +2. What is Redux, and how does it work with React? |
| 709 | +3. Explain the Flux architecture briefly and its connection to React. |
| 710 | +4. When should you use Redux instead of local state management in React? |
| 711 | +5. How is React Context different from Redux for state management? |
| 712 | +6. What is the `shouldComponentUpdate` method in React, and why is it important for performance? |
| 713 | +7. What are useMemo and useCallback hooks in React, and when do you use each? |
| 714 | +8. Can you give an example of code splitting in React? Why is it useful? |
| 715 | +9. What is server-side rendering (SSR) in React, and why might you use it? |
| 716 | +10. How does the `dangerouslySetInnerHTML` attribute work in React? |
| 717 | +11. What are portals in React, and when might you use them? |
| 718 | +12. How does lazy loading improve React app performance? |
| 719 | +13. How do you prevent unnecessary re-renders in React? |
| 720 | +14. Explain the difference between state and context in React. |
| 721 | +15. How does event handling differ in React compared to traditional HTML? |
| 722 | +16. Explain the concept of "lifting state up" in React and when it is beneficial. |
| 723 | +17. What is the significance of the `this` keyword in class components in React? |
| 724 | +18. How does error handling work in React applications? |
| 725 | +19. What are React refs, and how are they used in React components? |
| 726 | +20. How does the `componentDidMount` lifecycle method differ from `useEffect` in functional components? |
| 727 | + |
| 728 | + |
| 729 | +## Advanced ReactJS |
| 730 | + |
| 731 | +1. How can a child component communicate with a parent in React? |
| 732 | +2. How do you pass data from one React component to another? |
| 733 | +3. What is the difference between real DOM and virtual DOM in React? |
| 734 | +4. How can you make React re-render only a specific component without the entire browser? |
| 735 | +5. What distinguishes stateful and stateless components in React? |
| 736 | +6. How do you send data from a parent component to a child component in React? |
| 737 | +7. Why did React move away from class-based components? |
| 738 | +8. What is the `useEffect` hook, and why is it useful in React? |
| 739 | +9. Explain lazy routing in React with a simple example. |
| 740 | +10. Why use className instead of class in React for styling? |
| 741 | +11. What is an error boundary in React, and why is it helpful? |
| 742 | +12. How does Axios differ from Fetch in React, and when would you use each? |
| 743 | +13. What are the limitations of React.js? |
| 744 | +14. Differences between local storage and session storage in React, and how do you use them? |
| 745 | +15. Why is React so popular? |
| 746 | +16. What is JSX, and how does it make React development easier? |
| 747 | +17. How do `useMemo` and `useCallback` differ in React, and when do you use each? |
| 748 | +18. Differences between `useState` and `useReducer` in React and their use cases. |
| 749 | +19. Explain the purpose of `React.createRef` in React and when it's preferable. |
| 750 | +20. What does the `memo` function do in React, and when would you use it? |
| 751 | +21. What is the role of the `useLayoutEffect` hook in React, and when is it used? |
| 752 | +22. Differences between shallow rendering and full rendering in React testing. |
| 753 | +23. What is the role of the `children` prop in React components? |
| 754 | +24. How does React handle routing in Single Page Applications (SPAs)? |
| 755 | +25. What does the `dangerouslySetInnerHTML` prop do in React? |
| 756 | +26. When and why would you use `React.PureComponent` in React? |
| 757 | +27. Explain automatic batching in React and how it improves performance. |
| 758 | +28. What is an error boundary in React, and why is it helpful? |
| 759 | +29. Differences between useState and useReducer in React and their use cases. |
| 760 | +30. What is suspense in the server in React, and how does it contribute to improving user experience in asynchronous operations? |
| 761 | +31. What is reconciliation in React, and how does it play a crucial role in updating the DOM efficiently? |
| 762 | +32. Differences between Higher Order Components and React Hooks. |
| 763 | +33. Differences between functional components and class-based components and why functional components are needed. |
| 764 | + |
687 | 765 |
|
0 commit comments