#React

Explain how you would build a real-time order tracker using WebSockets in a React application, including the architecture and key components.

Describe how you would optimize rendering for a list of 10,000+ items in a React application to ensure smooth user experience.

Implement a custom `useDebounce` hook in React from scratch that delays updating a value until a specified duration has passed since the last input.

Implement an infinite scroll component in React that includes data fetching and error handling. Ensure the component efficiently loads additional data as the user scrolls down.

Why should hooks not be defined inside conditional statements like if? Explain the implications this has on component behavior.