Keunggulan Svelte dibandingkan React dan Vue
Apakah ada keuntungan menggunakan Svelte alih-alih React atau Vue?
Apakah hanya karena prestasi?
Lebih mudah untuk mengintegrasikan pustaka JavaScript "raw" karena Svelte bertindak pada objek DOM nyata, bukan virtual.
Untuk Vue setidaknya, perpustakaan vanilla JS adalah komposable jauh dari integrasi. Vue menggunakan domain virtual untuk diffing, tetapi itu memperbarui dom pada pengaturan, dan pembaruan berikutnya hanya terjadi secara atomik setelah perubahan status.
Saya telah berlari ke beberapa kali di mana saya perlu mengintegrasikan perpustakaan vanilla javascript dan itu hanya bekerja dengan svelte. saya belum menggunakan vue di usia jadi tidak tahu atau ingat jika itu memiliki kemampuan yang sama.
Apakah reaksi granular?
Tidak perlu mengirim runtime karena Svelte tidak menggunakan dom virtual.
Svelte memiliki runtime dengan svelte 5 untuk run dan sinyal - tetapi itu kecil dan memungkinkan aplikasi untuk skala jauh lebih baik dalam ukuran daripada sebelumnya. Jadi sebelum svelte 5 tidak ada runtime, tetapi karena itu kode "duplikasi" antara komponen. Sekarang itu sedikit lebih besar untuk dimulai, tetapi karena itu aplikasi tumbuh jauh lebih lambat daripada sebelumnya. Jadi untuk sebagian besar tujuan aplikasi sekarang lebih kecil daripada sebelumnya.
Saya pikir itu menggunakan sinyal JavaScript di bawah ini.
Tentu saja, sinyal diimplementasikan dalam JavaScript, tetapi tidak ada standar untuk sinyal dalam JavaScript.
itu hanya lebih baik untuk bekerja dengan imo. vue mirip, tetapi perbedaan antara react menakjubkan. react memaksa Anda untuk mempelajari banyak konsep tambahan dan lubang dan senjata untuk menghindari.
Sayangnya saya konversi dari sveltekit ke nuxt karena itu cukup besar untuk tidak khawatir tentang skala tim Anda di atasnya.
Apa yang harus dilakukan untuk menghentikan tim menggunakan svelte dari skaling?
Tidak ada yang di luar itu relatif hijau untuk developer baru.
Saya akan berpendapat bahwa setiap pengembang yang cukup cerdas untuk memahami React dapat melampaui kinerja React-self mereka di Svelte dalam waktu seminggu atau lebih. mereka tentu saja masih akan memiliki beberapa rumit melalui terjemahan "bagaimana Anda melakukan X di Svelte", tetapi bahkan dengan dokumennya secara permanen terbuka, mereka biasanya dapat melampaui kinerja React-hook-soup mereka.
Ini dapat melayani tujuan yang sama seperti vue atau react proyek. Saya bahkan memulai perusahaan saya menggunakan svelte, dan itu mungkin. Svelte dapat lebih cepat dalam pengembangan, tetapi pada saat yang sama ketika Anda menghadapi masalah itu jauh lebih sulit untuk memecahkan. Tidak berbicara tentang akuisisi bakat karena itu jauh lebih sederhana untuk vue, karena hanya ada lebih banyak pengembang untuk itu. Saya suka svelte dan selalu menjadi pendukung, jangan salah.
Mengapa lebih sulit untuk memecahkan masalah Svelte? Basis kode cukup baik dipelihara oleh beberapa orang yang jelas sangat kompeten, jadi mungkin untuk melihat mengapa itu tidak bekerja. Terutama dengan bantuan AI. Dan dokumentasi juga cukup bagus. Bagi saya, hal yang paling membingungkan tentang sveltekit adalah seberapa sederhana itu. Itu seperti saya mengharapkan lebih banyak sihir hitam daripada ada. Tapi mungkin saya tidak menggunakannya cukup lama. Masalah apa yang Anda pikirkan?
Saya membangun di React untuk pekerjaan normal, dan Svelte untuk semua hal saya sendiri. React menciptakan paradoks yang menarik di mana introduces banyak masalah karena kompleksitas yang dibutuhkan. Ini membuat pengembang takut audiens yang lebih kecil di Svelte karena mereka bertanya-tanya "siapa yang akan menjawab semua pertanyaan ini yang selalu saya miliki???" Tetapi jawabannya lebih dekat dengan "banyak pertanyaan ini Anda bahkan tidak akan memiliki di Svelte". Ini juga mengapa saya berpendapat bahwa setiap pengembang yang cukup cerdas untuk memegang sendiri di React dapat benar-benar menghancurkannya (dalam waktu singkat) di Svelte.
Ya setuju, itu persis apa yang saya maksudkan. hal yang paling menakutkan adalah bahwa tidak banyak yang perlu dikhawatirkan di Svelte sehingga tampaknya ada sesuatu yang hilang
Masalah terburuk yang saya hadapi dengan menggunakan Svelte adalah perbedaan halus dalam bagaimana rantai ketergantungan toko derivatif dan pernyataan '$:' reaktif menangani pembaruan, menciptakan perbedaan dalam perilaku untuk logika yang tampaknya setara. tetapi bahkan itu dapat diprediksi, dapat dimengerti secara arsitektur, mudah untuk bekerja dengan dan hampir tidak pernah menjadi masalah signifikan yang sebagian besar pengembang Svelte yang berpengalaman bahkan tidak menyadari ini.
Saya merasa seperti saya adalah salah satu dari sedikit yang tidak benar-benar menyukai run ... mereka luar biasa dalam beberapa kasus, dan merasa seperti regresi DX di lain. sepenuhnya setuju dengan Anda pada beberapa tantangan reaktivitas, tetapi kemudian setiap kerangka reaktivitas tampaknya memiliki masalah itu dalam satu atau lain cara (tentu saja dalam React dalam pengalaman saya).
Tentu saja
Untuk agentic coding kurang token expediture
Oh, lol, saya tidak membicarakan tentang ini
Salah sampai Anda membuktikannya
Saya belum mencoba baru-baru ini tetapi saya merasa sebaliknya beberapa bulan yang lalu sebagai model bodoh hanya menginstal paket react meskipun saya mengatakan tidak.
Saya menemukan mudah untuk digunakan ketika membuat perpustakaan generator gambar dengan rute .png ini hanya tidak beberapa yang dapat Anda lakukan di vista. Anda dapat di react karena mendukung fungsi sisi server tersebut. Svelte merasa lebih mudah dan lebih bersih ketika saya menguji keduanya. (Dia digunakan untuk menghasilkan header unik untuk posting di blog berdasarkan versi slug dari judul sebagai benih)
Kurang Stres
Hampir semuanya kecuali pasar kerja.
Saya mungkin diabaikan untuk mengatakan ini, tetapi saya pikir pasar kerja sama sama menantang saat ini terlepas dari perpustakaan atau kerangka kerja, dan ini menjadi perdebatan lama.
Untuk apa itu layak, AI adalah apa yang membuat saya mulai "menggunakan" Svelte untuk pertama kalinya. Saya tidak bisa membenarkan itu sebelumnya, meskipun penelitian dan menyimpulkan bahwa itu mungkin kerangka kerja terbaik secara keseluruhan, tetapi sekarang bahwa saya pada dasarnya dapat menulis ulang apa pun dalam apa pun, saya pergi dari tidak pernah menyentuh Svelte untuk menggunakannya di mana-mana. agen tampaknya bekerja dengan baik dengannya. Saya tidak pernah benar-benar menulis baris kode Svelte sendiri - atau, jujur, kode frontend apa pun, pre-AI saya selalu hanya bekerja dengan vanila JS / TS yang membingungkan - tetapi saya pada dasarnya hanya mengalahkan AI dengan "okay mencoba membagi ini menjadi lebih banyak komponen dan menggunakan kembali komponen yang ada ini alih-alih menemukan kembali komponen baru hanya untuk ini" begitu sering dan hasil akhir tampaknya cukup layak
Svelte biaya lebih sedikit token. Serius! Saya mengembangkan situs web yang kompleks 3x menggunakan Svelte, React dan Vue menggunakan Claude 4.8 Svelte jauh lebih murah. Sama seperti elixir lebih murah daripada Python Zig lebih murah daripada rumput Elixir pengembangan lebih murah dari kebanyakan bahasa. Apakah itu benar-benar penting lagi apa bahasa itu? Ini semua tentang kecepatan dan biaya token bukan hari-hari manusia. Ini adalah: Seberapa cepat Anda dapat mencapai solusi bebas bug menggunakan jumlah minimum token. Teknologi yang paling murah untuk dikembangkan dengan LLM harus mendominasi kecuali penjual token dapat mempengaruhi tumpukan teknologi. Tapi, hey, kami telah mengendarai mobil bensin selama ratusan tahun - yang merupakan bukti bahwa ketika datang ke pasar teknologi tidak pernah efisien.
Hahaha oh lord bayangkan optimisasi untuk mempekerjakan untuk pekerjaan hand-coding di 2026
Meskipun tidak hand-coding, pembukaan pekerjaan masih memerlukan pengalaman dalam bahasa dan kerangka kerja tertentu dan infra proyek yang digunakan, tidak hanya dalam beberapa bahasa, kerangka kerja, dan infra.
Komentar yang sangat jelas
Slam dunk komentar.
Kode yang lebih jelas dan lebih sederhana, kurang senjata api dan idiosinkrasi kerangka kerja, tidak ada vDOM (itu melampaui kinerja). BTW, ada semakin banyak pemain besar berkinerja tinggi (tidak cukup) yang telah pergi penuh di Svelte (Apple, Hugging wajah,...).
Ya, Anda akan memiliki debugging menyenangkan ketika mereka mengirim versi yang benar-benar rusak dari framework Selain itu, DX jauh, jauh lebih buruk. Integrasi TS juga jauh lebih buruk. Svelte adalah framework yang menyenangkan jika Anda menggunakannya pada jenis proyek daftar tugas Anda.
Software memiliki bug, mereka sudah memperbaikinya.
Mereka merilis versi tetap dalam 24 jam. Anda tidak harus menginstal paket yang muda bagaimanapun di hari ini dan usia sopan dari serangan rantai pasokan.
>mehhhhh mereka merilis versi tetap dalam 24 jam Mereka melakukannya? https://www.npmjs.com/package/svelte?activeTab=versions Saya pikir versi rusak adalah yang terbaru selama 3 hari dengan 130k unduhan.
Apakah Anda memperbarui ke versi terbaru dari semua paket Anda, dalam produksi? Apakah Anda memohon untuk dihack? Tidak ada kebijakan usia minimum? sama sekali?
Sebaiknya berhenti minum
DX. Saya mempelajari React untuk seperti 3 kali, kursus yang berbeda, puluhan proyek hewan peliharaan. Butuh saya sekitar 4 bulan sebelum itu mengklik. tetapi dengan Svelte saya siap untuk membuat dalam 3 hari belajar. BTW itu konyol bahwa Svelte merasa lebih dekat dengan Vanilla JS, daripada React.
Pengalaman saya juga. cukup beberapa tahun membangun React di bawah sabuk saya sebelum saya menyentuh Svelte, dan saya dalam satu atau dua hari saya sudah lebih cepat di yang terakhir. bahkan hanya melalui tutorial kembali ketika itu adalah reaksi pikiran setelah yang lain ... berpikir "omg, ini akan mengambil lebih banyak di React (atau itu bahkan tidak diproses secara natif)".
React juga memiliki dsl, JSX bukan vanila
JSX adalah gula sintetis untuk React.createElement()
Ya, itu adalah gula sintaks. template Vue adalah gula untuk Vue createElement Svelte template adalah gula untuk operasi dom Mereka masing-masing menggunakan ekstensi file non-standar, .tsx/jsx, .vue dan .svelte. Semua adalah DSL yang tidak kompatibel dengan vanilla JS
Hm, itu masuk akal
Kesehatan Mental
sintaks yang bersih, hampir sama dengan vista, tidak terlalu membutuhkan ext deps
Fungsi remote: [https://svelte.dev/docs/kit/remote-functions] (https://svelte.dev/docs/kit/remote-functions)
Dan sekarang mereka mendukung streaming waktu nyata.
Sudah menulis React secara profesional karena itu adalah perpustakaan niche baru dari Facebook.
Sebenarnya alat-alat linting lebih baik untuk React still.
Tim yang sama di kedua akun! masih bekerja di React hingga hari ini (untuk pekerjaan), dan masih dapat dengan aman mengatakan Svelte hanya lebih bersih, lebih sederhana, kinerja yang lebih baik, dan memecahkan begitu banyak masalah tingkat aplikasi yang React tidak.
Apa yang membuat hari saya
Baik untuk pengembangan web tertanam karena menggunakan lebih sedikit penyimpanan
itu sulit untuk menulis kode yang buruk. kompilator hanya melakukan lifting berat. Sebuah dashboard produksi adalah 2MB pada React MVP saya untuk 500kb di mt Svelte Code. Segalanya dimuat dengan cepat, aplikasi itu snappy, kode tidak callback neraka. Ekosistem paket kurang dikompromikan, kurang perpustakaan untuk belajar. itu hanya bekerja.
1.DX 2.Prob menyimpan lebih banyak token untuk pengkodean agentik 3.Tidak ada konsep aneh untuk dipelajari... tidak seperti React
Anda menyatakan apa yang HTML/CSS Anda adalah untuk set variabel tertentu (state): itu adalah templating. 2. Anda menulis logika yang sama menghubungkan tindakan pengguna ke perubahan dalam keadaan itu: itu adalah pemrograman. Itu adalah seluruh pekerjaan. Svelte 5 mengambil keduanya dan menyempurnakan mereka. Pemrograman: dengan runes, sebuah negara hanya variabel TypeScript yang Anda tulis dalam pureScript. let count = $state(0), kemudian 'count++. Anda menulis logika yang sama menghubungkan tindakan pengguna ke perubahan dalam keadaan itu: itu adalah pemrograman. Templating: Anda membuat file .svelte`` dan menulis HTML/CSS dengan bahasa template yang tepat, menggunakan variabel negara yang Anda tulis dalam pureScript. let count = $state(0), kemudian react. Pemrograman: sebuah negara tidak berfungsi secara logis, itu adalah hook
Angular untuk jalanan, Svelte untuk lembar
Apakah Anda mempertahankan kebijaksanaan Anda?
Semuanya
Mereka dapat berpendapat lebih mudah dengan svelte karena hal-hal tidak terlalu abstrak.
Gunakan saja apa yang terbaik di dalamnya.
Anda akan menyukainya. itulah keuntungan terbesar.
Satu perpustakaan untuk Frontend dan Backend, React juga dapat melakukannya, namun Reac membuatnya rumit.
react: kami memiliki solusi untuk masalah Anda, dan kemudian kami memiliki solusi untuk masalah yang dibuat solusi kami sebelumnya ... dan sekarang Anda mengunduh 600kb nilai react on page load svelte: kami memiliki reactivity ... manajemen negara ... dan JavaScript, mencari tahu solusi untuk masalah Anda sendiri bro
Pivot akan Web Components, dan penggunaan yang cerdas dari bundling. kita tidak perlu sepenuhnya bergantung pada framework penuh. Pilih apa pun yang bekerja untuk skala kecil, membangun komponen / widget dan membungkus konteks sehingga AI dapat menyampaikan lebih baik, dan Anda dapat mengontrol kualitas juga. tetapi ini tidak penting karena kita ingin membuat segalanya milik sendiri dengan Rust / Go dan Web Assembly.
Saya akan mengatakan pertanyaan adalah "vs react". jadi, pengalaman pengembang. Vue memiliki DX yang hampir identik.
Developer Experience hanya waaay lebih baik, bekerja selama 3 tahun di Svelte, SvelteKit, Typescript, GraphQL stack.
Bisakah Anda menguraikan sedikit demi sedikit?
React tutorial sering terasa seperti Anda membutuhkan seluruh daftar ketergantungan frame hanya untuk mendapatkan hal-hal dasar bekerja. Banyak dari itu bisa terasa hacky, tidak sangat bulat, dan penuh dengan konsep aneh atau jebakan tersembunyi yang tidak jelas pada awalnya. Seiring waktu, itu terasa bengkak, terutama dalam komponen kompleks seperti checkout / basis kode warisan atau hal-hal serupa. Saya bekerja secara jujur menyegarkan untuk melihat pendekatan yang berbeda untuk label fashion di sini di Jerman, di mana kami terhubung ke Svelte cukup cepat. Itu menyenangkan untuk bekerja dengan, dan karena saya menikmati begitu banyak, saya belajar banyak di sepanjang jalan dengan Svelte, SvelteKit, TypeScript, dan GraphQL. Setelah bertahun-tahun bekerja dengan itu basis kode warisan, itu benar-benar menyegarkan untuk melihat pendekatan yang berbeda. Saya menggunakan Svelte cukup cepat, dan karena saya