Interviewfragen zu Svelte (Middle) mit Antworten

75 Fragen fürs Vorstellungsgespräch zu Svelte (Middle) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.

Diesen Test machen
  1. 1.Wann nutzt man $derived.by statt $derived?
  2. 2.Kann man einem $derived-Wert etwas zuweisen (Svelte 5.25+)?
  3. 3.Welchen State verfolgt $effect als Abhängigkeiten?
  4. 4.Warum ist das ein Anti-Pattern?
  5. 5.Wie liest man State in $effect, ohne ihn zur Abhängigkeit zu machen?
  6. 6.Was ist der Unterschied zwischen $effect und $effect.pre?
  7. 7.Wann ist $state.raw eine gute Wahl?
  8. 8.Wie macht man Klassenfelder reaktiv?
  9. 9.Warum aktualisiert items.set(k, v) die UI nicht, wenn items eine einfache Map in $state ist?
  10. 10.Was liefert $props() außer benannten Props?
  11. 11.Warum aktualisiert sich color nicht, wenn sich das Prop type ändert?
  12. 12.Wobei hilft $inspect.trace()?
  13. 13.Wie schreibt man in Svelte 5 wiederverwendbare reaktive Logik (wie einen Hook)?
  14. 14.Wie übergibt man einer Komponente benannte Inhaltsbereiche (früher benannte Slots)?
  15. 15.Was ist ein Vorteil von Snippets gegenüber Slots aus Svelte 4?
  16. 16.Was ist ein Attachment ({@attach})?
  17. 17.Warum sind Attachments flexibler als Actions?
  18. 18.Was macht ein Funktions-Binding (Svelte 5.9+)?
  19. 19.Welche Bindings sind schreibgeschützt?
  20. 20.Warum sind Übergänge in Svelte standardmäßig lokal?
  21. 21.Wofür nutzt man Tween / Spring aus svelte/motion?
  22. 22.Wie macht man Context reaktiv?
  23. 23.Was liefert createContext (Svelte 5.40+)?
  24. 24.Warum ist geteilter State auf Modulebene in einer SvelteKit-App riskant?
  25. 25.Wann sind Stores in Svelte 5 noch sinnvoll?
  26. 26.Was macht derived aus svelte/store?
  27. 27.Wie mountet man eine Svelte-5-Komponente von Hand in die Seite?
  28. 28.Was macht flushSync() aus svelte?
  29. 29.Wie werden Svelte-Komponenten meist unit-getestet?
  30. 30.Wie testet man einen außerhalb einer Komponente erzeugten Effect?
  31. 31.Wie baut man eine Svelte-Komponente als Custom Element?
  32. 32.Wann läuft ein universeller load in +page.js?
  33. 33.Wie müssen Daten sein, die ein Server-load liefert?
  34. 34.Warum nutzt man das an load übergebene fetch statt des globalen?
  35. 35.Wie bekommt ein Seiten-load Daten aus dem load seines Layouts?
  36. 36.Wie validiert man ein Formular in einer SvelteKit-Action und liefert Fehler zurück?
  37. 37.Wie ruft man aus einem Formular eine benannte Action auf?
  38. 38.Was ergänzt use:enhance an einem Formular?
  39. 39.Wofür nutzt man handle in hooks.server.js?
  40. 40.Wie leitet man aus einem Server-load oder einer Action um?
  41. 41.Was machen die Seitenoptionen ssr = false und csr = false?
  42. 42.Was macht eine Routengruppe wie src/routes/(marketing)/about?
  43. 43.Was macht data-sveltekit-preload-data="hover"?
  44. 44.Wie macht man in SvelteKit ein Modul rein serverseitig?
  45. 45.Wofür nutzt man beforeNavigate und afterNavigate?
  46. 46.Was erlaubt export const snapshot in +page.svelte?
  47. 47.Wie baut man mit SvelteKit eine vollständig statische Website?
  48. 48.Was zeigt dieser Code nach dem Klick auf den Button?
  49. 49.Warum ist count in der importierenden Komponente nicht reaktiv?
  50. 50.Wie zeigt man während der SvelteKit-Navigation eine Ladeanzeige?
  51. 51.Was ist MediaQuery aus svelte/reactivity?
  52. 52.Wie kann eine Komponente ihrem Elternteil Methoden bereitstellen?
  53. 53.Was macht <script module>?
  54. 54.Welche Aussage über {#each} mit Destrukturierung stimmt?
  55. 55.Wozu liefert +page.server.js für langsame Daten ein Promise?
  56. 56.Was ist an diesem $effect falsch?
  57. 57.Was zeigt eine Seite +error.svelte?
  58. 58.Was erzeugt $props.id() (Svelte 5.20+)?
  59. 59.Wie gibt man einem $bindable-Prop einen Fallback-Wert?
  60. 60.Wie rendert man Fallback-Inhalt, wenn kein Snippet children übergeben wurde?
  61. 61.Wie hört man in einer Komponente auf visibilitychange an document?
  62. 62.Wie übergibt man einem Übergang Parameter?
  63. 63.Wie unterscheidet sich in:/out: von transition:?
  64. 64.Kann <select bind:value> Objekte halten, nicht nur Strings?
  65. 65.Wie liest man außerhalb einer Komponente einmal den aktuellen Wert eines Stores?
  66. 66.Was macht das zweite Argument von readable?
  67. 67.Wie prüft man, ob ein Context existiert, bevor man ihn liest?
  68. 68.Was passiert, wenn export const ssr = false in einem +layout.js gesetzt ist?
  69. 69.Wie setzt man aus load Cache-Header für eine Seite?
  70. 70.Wie liest und setzt man in SvelteKit auf dem Server Cookies?
  71. 71.Was macht ein Param Matcher wie [id=integer]?
  72. 72.Wofür ist der Rest-Parameter [...path] nützlich?
  73. 73.Was passiert, wenn sowohl +page.js als auch +page.server.js load exportieren?
  74. 74.Wie testet man eine Komponente, die Snippet-Props erwartet?
  75. 75.Was macht untrack NICHT?