Svelte Revision (C2-C6)

What is a Svelte component?

• A JavaScript library

• A reusable UI element

• A CSS framework

• A database management system

In Svelte, what's the purpose of the export keyword within a component script block?

• Export the component to a separate JavaScript file

• Export a function to be used in the parent component

• Export the component's styles for external use

• Export the component's HTML structure

What's the file extension for Svelte component files?

• .js

• .vue

• .jsx

• .svelte

Imagine you're building a virtual pet game with Svelte. What could props be used for in this game?

• Feeding your virtual pet

• Naming your pet

• Changing the game background color

• Controlling the weather in the game

In a Svelte app for creating greeting cards, what might props be used for?

• Choosing the font style

• Ordering a pizza

• Controlling the computer's volume

• Checking the weather forecast

If a Svelte component is a recipe, what could props be compared to in the recipe?

• Ingredients

• Cooking time

• The chef's hat

• The recipe name

What is the primary purpose of events in Svelte?

• Creating animations

• Handling user interactions

• Defining component structure

• Styling the UI

How do you attach a click event to a button element in a Svelte component?

• Using the handleClick attribute

• Adding an on:click function

• Wrapping the button in a <svelte:click> tag

• Attaching a click class to the button

Which Svelte event modifier allows an event handler to be executed only once?

• once

• stop

• preventDefault

• capture

When you change a variable in Svelte, which part of the component automatically updates to reflect the change?

• The CSS styles

• The HTML structure

• The reactive expressions

• The background music