FER202-lazy-loading

What does code splitting help with?

• Faster coding

• Smaller bundles

• Bigger apps

• Debugging

Which React API enables code splitting?

• useEffect

• createContext

• React.lazy

• useReducer

What must wrap a lazy component?

• Provider

• Suspense

• Ref

• useMemo

What is required inside ?

• Fallback UI

• Router

• Script tag

• Meta tag

What does Suspense do?

• Logs errors

• Displays fallback

• Loads HTML

• Updates props

What happens during lazy loading?

• Code loads upfront

• CSS is deleted

• Component loads on demand

• Event listeners removed

Which function is used with React.lazy?

• async()

• import()

• require()

• use()

What does fallback show?

• Props

• Placeholder UI

• Event data

• State object

Lazy components must return:

• A hook

• A promise

• A prop

• A ref

Lazy loading reduces:

• SEO

• Initial load

• Bandwidth

• Routing