Adobe Interview Question

Certainly! **Round 1:** 1. Critical Render Path: The process browsers follow to convert HTML, CSS, and JavaScript into pixels for efficient rendering. 2. Async and Deferred Script Loading: - Async: Loads scripts independently without blocking. - Deferred: Delays script execution until the HTML parser finishes, maintaining order without blocking rendering. 3. Pre-fetch, Pre-connect, etc.: - Pre-fetch: Proactively fetches resources to enhance loading times. - Pre-connect: Initiates early connection setup to reduce latency. 4. Lighthouse Tool: An open-source tool automating web page quality improvement through audits and performance metrics. 5. Initial Page Load Lifecycle: The lifecycle events and processes during the first visit to a webpage, triggering resource loading. 6. Working of setTimeout, Promise Resolve, Console.log in Call Stack: - setTimeout: Delays function execution. - Promise Resolve: Handles asynchronous operations. - Console.log: Outputs information to the console for debugging. 7. Var, Let, Scope, Closures with setTimeout Callbacks: - Var: Function-scoped variable declaration. - Let: Block-scoped variable declaration. - Scope, Closures: Concepts governing variable visibility and encapsulation. 8. Multiple Questions on Apollo Client and GraphQL in React.js. **Round 2:** 9. (Major) Create Infinite Scroll using ReactJs and Custom Hook: Utilize ReactJs and a custom hook to implement an infinite scroll fetching data from jsonplaceholder and render images from response on image component accordingly and once scroll is at end fetch more images from api and render further kind of pagination. 10. Create Polyfill of Memo Function in JS: Develop a polyfill for the Memo function in JavaScript. Got out from here.