← Wszystkie tematy

Pytania rekrutacyjne Svelte (Junior) z odpowiedziami

76 pytań na rozmowę rekrutacyjną z tematu Svelte (Junior) - z poprawnymi odpowiedziami, wyjaśnieniami i linkami do dokumentacji.

Rozwiąż ten test
  1. 1.Czym jest Svelte?
  2. 2.Czym jest SvelteKit?
  3. 3.Jaki jest zalecany sposób utworzenia nowego projektu SvelteKit?
  4. 4.Co może zawierać plik .svelte?
  5. 5.Jak domyślnie stosowany jest CSS z bloku <style> komponentu?
  6. 6.Jak wyświetlić wartość JavaScript w znacznikach Svelte?
  7. 7.Jak w skrócie zapisać <img src={src} alt={alt} />?
  8. 8.Czy Svelte używa wirtualnego DOM?
  9. 9.Czym są runy w Svelte 5?
  10. 10.Jak zadeklarować reaktywny stan w Svelte 5?
  11. 11.Jak zadeklarować wartość obliczaną z innego stanu?
  12. 12.Co robi $effect?
  13. 13.Jak komponent otrzymuje propsy w Svelte 5?
  14. 14.Gdzie można używać run?
  15. 15.Czy obiekt zadeklarowany przez $state jest głęboko reaktywny?
  16. 16.Co robi $inspect(value)?
  17. 17.Jak wyrenderować treść warunkowo?
  18. 18.Jak wyrenderować listę?
  19. 19.Dlaczego nie warto używać indeksu jako klucza w {#each}?
  20. 20.Co robi blok {#await}?
  21. 21.Jak obsłużyć kliknięcie w Svelte 5?
  22. 22.Jak zablokować domyślne wysłanie formularza w Svelte 5?
  23. 23.Co robi bind:value?
  24. 24.Jak uzyskać referencję do elementu DOM?
  25. 25.Jakie jest ryzyko {@html content}?
  26. 26.Jak warunkowo przekazać kilka klas w Svelte 5?
  27. 27.Co robi dyrektywa style:?
  28. 28.Jak użyć jednego komponentu w innym?
  29. 29.Jak komponent w Svelte 5 renderuje treść przekazaną między swoimi tagami?
  30. 30.Czym jest snippet?
  31. 31.Jak komponent potomny informuje rodzica o zdarzeniu w Svelte 5?
  32. 32.Jak pozwolić rodzicowi użyć bind:value na propsie twojego komponentu?
  33. 33.Czy komponent powinien modyfikować otrzymany obiekt-prop (nieoznaczony $bindable)?
  34. 34.Jak wyrenderować komponent wybrany w czasie działania w Svelte 5?
  35. 35.Jak rodzic może ostylować element w komponencie potomnym, nie psując ograniczenia stylów?
  36. 36.Kiedy wykonuje się onMount?
  37. 37.Jak posprzątać timer utworzony w $effect?
  38. 38.Co zwraca tick()?
  39. 39.Jak animować pojawianie się i znikanie elementu?
  40. 40.Co robi animate:flip w kluczowanym {#each}?
  41. 41.Do czego służy kontekst w Svelte?
  42. 42.Kiedy trzeba wywoływać setContext / getContext?
  43. 43.Czym jest store w Svelte?
  44. 44.Co robi prefiks $ przy store w komponencie?
  45. 45.Jak współdzielić reaktywny stan między komponentami bez store'ów w Svelte 5?
  46. 46.Jak dodać nasłuchiwacz na window z komponentu?
  47. 47.Jak ustawić tytuł strony z komponentu?
  48. 48.Co robi <svelte:element this={tag}>?
  49. 49.Jak definiuje się trasy w SvelteKit?
  50. 50.Jak utworzyć trasę z parametrem, np. /blog/hello-world?
  51. 51.Do czego służy +layout.svelte?
  52. 52.Jak strona otrzymuje dane ze swojej funkcji load?
  53. 53.Czym różnią się +page.js i +page.server.js?
  54. 54.Który plik tworzy endpoint API w SvelteKit?
  55. 55.Jak pokazać stronę 404 z load, gdy post nie istnieje?
  56. 56.Czym są form actions w SvelteKit?
  57. 57.Jak przechodzić między stronami w SvelteKit?
  58. 58.Czym są adaptery SvelteKit?
  59. 59.Co robi export const prerender = true w +page.js?
  60. 60.Co pokaże ten kod po dwóch kliknięciach przycisku?
  61. 61.Co dzieje się tu z reaktywnością?
  62. 62.Co robi {@const}?
  63. 63.Co robi {#key value}?
  64. 64.Jak używać TypeScriptu w komponencie Svelte?
  65. 65.W której wersji Svelte pojawiły się runy?
  66. 66.Która składnia jest przestarzała (Svelte 4) i warto jej unikać w nowym kodzie?
  67. 67.Jak zrobić grupę checkboxów powiązaną z tablicą?
  68. 68.Co otrzymuje dyrektywa use: (action)?
  69. 69.Jak sprawdzić typy i szablony Svelte z wiersza poleceń?
  70. 70.Przed czym ostrzega kompilator Svelte przy <div onclick={...}>?
  71. 71.Co zwraca $state.snapshot(value)?
  72. 72.Jak odczytać bieżący URL lub parametry trasy w komponencie SvelteKit?
  73. 73.Dlaczego bundle Svelte są często małe?
  74. 74.Gdzie w projekcie SvelteKit trafiają pliki statyczne jak favicon.png?
  75. 75.Który plik definiuje szkielet HTML każdej strony SvelteKit?
  76. 76.Co robi <svelte:boundary>?