SvelteKit Framework

Svelte แตกต่างจาก React และ Vue อย่างไรหลัก ๆ?

• Svelte ใช้ JSX เป็นมาตรฐาน

• Svelte ทำงานผ่าน Virtual DOM ที่เร็วกว่า

• Svelte คอมไพล์โค้ดเป็น JavaScript ที่เบราว์เซอร์อ่านได้ตรง ๆ

• Svelte ใช้เฉพาะ TypeScript เท่านั้น

SvelteKit ถูกพัฒนามาเพื่อเพิ่มความสามารถใดให้กับ Svelte เป็นหลัก?

• การคอมไพล์เร็วขึ้น

• รองรับ Full-stack, Routing, SSR และ API ในตัว

• ใช้งานกับ React ได้

• ใช้แทน Node.js ได้เลย

ไฟล์ที่ใช้สร้างหน้าเว็บใหม่ใน SvelteKit มักจะอยู่ในโฟลเดอร์ใด?

• src/pages

• src/routes

• src/components

• src/views

ใน Svelte การประกาศตัวแปรให้ reactive ใช้สัญลักษณ์ใด?

• $:

• $reactive

• #reactive

• =>

Store ใน Svelte มีประโยชน์อย่างไร?

• ช่วยเก็บค่าคงที่ (constant)

• ช่วยแชร์สถานะระหว่าง component ต่าง ๆ ได้สะดวก

• ใช้แทน HTML form

• ใช้สร้าง routing อัตโนมัติ

ใน SvelteKit การสร้าง dynamic route เช่น /products/[id] ใช้ประโยชน์อย่างไร?

• ใช้สำหรับโหลด CSS

• ใช้ในการทำฟังก์ชัน Drag & Drop

• ใช้แสดงข้อมูลตามพารามิเตอร์ใน URL

• ใช้สำหรับสร้าง store อัตโนมัติ

ฟังก์ชัน load() ใน SvelteKit ใช้ทำอะไร?

• โหลดสไตล์ CSS

• ดึงข้อมูลฝั่ง server หรือ client ก่อนแสดงผลหน้าเพจ

• คอมไพล์ไฟล์ .svelte

• เก็บค่าตัวแปรใน store

Tailwind CSS ถูกนำมาใช้ใน SvelteKit เพื่อวัตถุประสงค์ใดเป็นหลัก?

• การประมวลผล server-side เร็วขึ้น

• การจัดการ routing อัตโนมัติ

• การคอมไพล์ JavaScript ให้เล็กลง

• การตกแต่ง UI ให้รวดเร็วและสอดคล้องกัน

การประกาศ Store ใน Svelte ให้เปลี่ยนค่าได้ ใช้ฟังก์ชันใด?

• readable()

• derived()

• writable()

• context()

ไฟล์ที่ใช้เขียน Endpoint API ใน SvelteKit คือไฟล์ใด?

• +page.svelte

• api.config.js

• +server.js หรือ +server.ts

• routes.js