setContext in Svelte - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is setContext used for in Svelte?

setContext lets a parent component share data or functions with its child components without passing props directly.

beginner

How do you retrieve data set by setContext in a child component?

You use getContext with the same key to access the shared data or functions.

intermediate

Why use setContext instead of passing props in Svelte?

It avoids 'prop drilling' by letting deeply nested components access data directly from an ancestor.

beginner

What type of value can be passed with setContext?

Any JavaScript value: objects, functions, primitives, or stores can be shared via setContext.

intermediate

Can setContext be used multiple times with different keys in the same component?

Yes, you can call setContext multiple times with different keys to share multiple pieces of data.

What does setContext do in Svelte?

A Handles user events

B Creates a new component

C Shares data from parent to child without props

D Updates the DOM directly

setContext shares data or functions from a parent to its children without passing props.

Which function retrieves data set by setContext?

A useContext

B readContext

C fetchContext

D getContext

getContext is used in child components to access data set by setContext.

What must you provide as the first argument to setContext?

A A unique key

B A component name

C A CSS selector

D An event handler

The first argument is a unique key to identify the context value.

Can setContext share reactive stores?

A Yes, any JavaScript value including stores

B No, only static values

C Only strings and numbers

D Only functions

You can share any value, including reactive stores, with setContext.

If a child component does not call getContext, what happens to the context data?

A It is automatically passed as props

B It is ignored and not accessible

C It causes an error

D It is logged to the console

Context data is only accessible if the child calls getContext with the correct key.

Explain how setContext and getContext work together in Svelte to share data between components.

Think about how you pass a secret message down a chain without telling everyone.

Describe a situation where using setContext is better than passing props in Svelte.

Imagine you want to give a tool to a friend far away without handing it through many people.