Home/ nicko/Answers
  1. Asked: February 23, 2025In:

    Product of Array Except Self – leet code

    nicko
    nicko Beginner

    def productExceptSelf(nums): n = len(nums) answer = [1] * n # Calculate prefix product prefix = 1 for i in range(n): answer[i] = prefix prefix *= nums[i] # Calculate suffix product and multiply with prefix suffix = 1 for i in range(n - 1, -1, -1): answer[i] *= suffix suffix *= nums[i] return answerRead more

    def productExceptSelf(nums):
n = len(nums)
answer = [1] * n

# Calculate prefix product
prefix = 1
for i in range(n):
answer[i] = prefix
prefix *= nums[i]

# Calculate suffix product and multiply with prefix
suffix = 1
for i in range(n - 1, -1, -1):
answer[i] *= suffix
suffix *= nums[i]

return answer

    Explanation:

    1. First loop: Compute prefix product for each element (product of all elements before i).
    2. Second loop: Compute suffix product (product of all elements after i) and multiply with prefix to get the final result.
    3. This way, for each i, we get the product of all elements except nums[i].

    ✅ Time Complexity: O(n)
    ✅ Space Complexity: O(1) extra space (ignoring output array)

    See less
  2. Asked: February 20, 2025In:

    What are React Suspense and lazy loading?

    nicko
    nicko Beginner

    React Suspense and lazy loading help optimize your React app by loading components only when needed, improving performance and reducing initial load times. 1. React.lazy() – Lazy Loading Components React.lazy() allows you to dynamically import components, so they are only loaded when rendered. 2. ReRead more

    React Suspense and lazy loading help optimize your React app by loading components only when needed, improving performance and reducing initial load times.

    1. React.lazy() – Lazy Loading Components

    React.lazy() allows you to dynamically import components, so they are only loaded when rendered.

    2. React.Suspense – Handling Loading States

    React.Suspense wraps lazy-loaded components and shows a fallback UI (like a loader) until the component is ready.

    💡 Code Example: Lazy Loading with Suspense

    import React, { Suspense, lazy } from 'react';

// Lazy load the component
const LazyComponent = lazy(() => import('./LazyComponent'));

const App = () => {
return (
<div>
<h1>My React App 🚀</h1>

{/* Suspense wraps the lazy component */}
<Suspense fallback={<div>Loading...</div>}>
<LazyComponent />
</Suspense>
</div>
);
};

export default App;

    📂 LazyComponent.jsx

    import React from 'react';

const LazyComponent = () => {
return <h2>I was lazy-loaded! 🎉</h2>;
};

export default LazyComponent;

    ⚡ How It Works:

    1. React.lazy() loads LazyComponent only when it’s about to render.
    2. <Suspense> shows the fallback (<div>Loading...</div>) until LazyComponent is fully loaded.

    🚀 Pro Tip:

    • Error Handling: Use ErrorBoundary to catch errors during lazy loading.
    • Multiple Lazy Components: Wrap them all in one <Suspense> or use separate ones.
    See less