Svelte.js 面接の質問と回答
質問 16. How can you conditionally apply CSS classes in Svelte?
You can conditionally apply CSS classes in Svelte using the 'class:' directive. For example: {class: active ? 'active' : 'inactive'}
質問 17. What is the purpose of the 'context' API in Svelte?
The 'context' API in Svelte allows components to communicate indirectly by sharing state with their descendants. It's useful for avoiding prop drilling.
質問 18. How can you handle form submissions in Svelte?
Form submissions in Svelte can be handled using the 'on:submit' directive. You can prevent the default form behavior and implement your custom logic in the associated function.
質問 19. What is the purpose of the 'use:' directive in Svelte?
The 'use:' directive in Svelte is used to apply actions to DOM elements. Actions are functions that can perform side effects, like animating or interacting with the DOM.
質問 20. Explain the difference between reactive declarations and statements in Svelte.
Reactive declarations in Svelte create reactive variables based on dependencies, while reactive statements directly execute code when dependencies change. Declarations use '$:' syntax, and statements use '{# ... }'.
ユーザー評価で最も役立つ内容:
- What is Svelte.js?
- Explain the concept of reactivity in Svelte.
- How can you perform conditional rendering in Svelte?
- What is the purpose of the 'on:' directive in Svelte?
- How does Svelte handle global CSS styles?