MMT Round 1 What optimization techniquess u followed to achieve ideal live streaming ? How to implement live chatbot ? - using WebSocket. Why Websocket ? Is Js single threaded ? - full story is setState Asynchronous ? - yes its is asynchronous like a microtask If there are 3 setState each having different console log & there is log before 1st & after last what will be the sequence of console logs ? how does react virtual domo works ? -recoincilation How react uniquely identifies element ? identifiers How will react behave when there are multiple id's same id ? but my logic is correct update array will it work ? - yes What are usecase of useMemo & useCallback ? If we pass fn(e.g. a fun to make api call based on id( to child component & you don't it to re-render again we use useCallback in parent component. You can calculate and memoize the value in the parent component using useMemo and send it as props to Pagination What are use Purecomponent ? how to implement it in fn component ? - React.memo Diff b/w promise.all & promise.allSettled ? In promise.all the given array of promises gets resolved in different time with different timers. will the result be in sequence of resolution or sequence of order maintained ? MakeMyTrip round 2 : What is diff b/w CSR & SSR ? When will you use SSR ? - SSR is used for pages that consume highly dynamic data - SSR is used when want page highly SEO-friendly. - When a page is rendered into HTML on the server, all of the heavy-lifting is taken care of. For this reason, when the response makes it to the client’s browser, there isn’t much work left for the browser to display the page. It’s ready to go upon delivery How to manage routing in SSR ? How will client manage routes to get data & api calls in SSR ? Drwabacks of SSR ? - pages are not interactive, bland user experience. - solution is code splitting & hydration How SSR works in depth ? How will client detect route using SSR ? Difference between clieny side rendering & Server side rendering What are web-vitals ? What is CLS, FID ? FID= first input delay, time to ready for interaction. CLS Cumulative Layout shift is sudden change in shift of layout which dusrupts user experience. We can make transition smooth animation or transition. What are hooks in React ? syntax of useEffect ? What is prototype in Javascript ? diff b/w useMemo & useCallback ? How to implement useMemo using useCallback ? Implement a counter in code-sandbox ? Memoize increment function ? use useCallback here ?
