Kelebihan Svelte berbanding React dan Vue
Adakah ada faedah menggunakan Svelte alih-alih React atau Vue?
Adakah ia hanya kerana prestasi?
Lebih mudah untuk mengintegrasikan pustaka JavaScript "raw" kerana Svelte bertindak pada objek DOM sebenar, bukan objek virtual.
Untuk Vue sekurang-kurangnya, perpustakaan vanilla JS adalah komposable jauh daripada integrasi. Vue menggunakan domain maya untuk diffing, tetapi ia mengemas kini dom pada setup, dan kemas kini seterusnya hanya berlaku secara atom selepas perubahan keadaan.
Saya bersetuju. saya telah berlari ke dalam beberapa kali di mana saya perlu mengintegrasikan perpustakaan vanilla javascript dan ia hanya berfungsi dengan svelte. saya belum menggunakan vue dalam usia jadi tidak tahu atau ingat jika ia mempunyai keupayaan yang sama.
Adakah reaktiviti granular?
Tiada keperluan untuk menghantar runtime kerana Svelte tidak menggunakan dom virtual.
Svelte mempunyai runtime dengan svelte 5 untuk run dan isyarat - tetapi ia kecil dan membolehkan aplikasi untuk meluaskan saiz yang lebih baik daripada sebelum. Jadi sebelum svelte 5 tidak ada runtime, tetapi oleh itu kod "duplikasi" antara komponen. Sekarang ia sedikit lebih besar untuk bermula, tetapi oleh itu aplikasi berkembang lebih lambat daripada sebelum ini. Jadi untuk kebanyakan tujuan aplikasi kini lebih kecil daripada sebelum ini.
Saya fikir ia menggunakan isyarat JavaScript di bawah.
Sudah tentu, isyarat diimplementasikan dalam JavaScript, tetapi tidak ada standard untuk isyarat dalam JavaScript.
itu hanya lebih baik untuk bekerja dengan imo. vue adalah sama, tetapi perbezaan antara react adalah menakjubkan. react memaksa anda untuk mempelajari banyak konsep tambahan dan lubang-lubang dan pistol untuk mengelakkan.
Malangnya, saya bertukar daripada sveltekit kepada nuxt kerana ia cukup besar untuk tidak bimbang tentang skala pasukan anda di atasnya.
apa yang hilang dengan tepat? apa yang menghalang pasukan menggunakan svelte daripada meluaskan?
Tiada apa-apa di luar ia menjadi agak hijau untuk dev baru.
Saya berpendapat bahawa mana-mana pengembang yang cukup pintar untuk memahami React boleh melampaui diri mereka React dalam Svelte dalam tempoh seminggu atau seterusnya. mereka tentu saja masih akan mempunyai beberapa rumit melalui terjemahan "bagaimana anda melakukan X dalam Svelte", tetapi walaupun dengan dokumen secara kekal terbuka, mereka biasanya boleh melampaui diri mereka React hook-soup.
Ia boleh berkhidmat untuk tujuan yang sama seperti projek vue atau react. Saya bahkan memulakan syarikat saya menggunakan svelte, dan ia adalah mungkin. Svelte boleh menjadi lebih cepat dalam pembangunan, tetapi pada masa yang sama apabila anda menghadapi masalah ia lebih sukar untuk diselesaikan. Bukan bercakap tentang pengambilalihan bakat kerana ia lebih mudah untuk vue, kerana terdapat lebih banyak pengembang untuk itu. Saya suka svelte dan sentiasa menjadi pendukung, jangan salah.
Mengapa ia lebih sukar untuk menyelesaikan masalah Svelte? Dasar kod dipertahankan dengan baik oleh sesetengah orang yang jelas sangat kompeten, jadi ia adalah mungkin untuk melihat mengapa ia tidak berfungsi. Terutamanya dengan bantuan AI. Dan dokumentasi juga agak hebat. Bagi saya, perkara yang paling membingungkan tentang sveltekit adalah betapa mudahnya ia. Ia seperti saya mengharapkan lebih banyak sihir hitam daripada yang ada. Tetapi mungkin saya tidak menggunakannya cukup lama. Apa jenis isu yang anda fikirkan?
Saya membina dalam React untuk kerja biasa, dan Svelte untuk semua perkara saya sendiri. React mewujudkan paradoks yang menarik di mana ia introduces banyak isu kerana kerumitan yang diperlukan. Ini menyebabkan pengembang takut kepada penonton yang lebih kecil di Svelte kerana mereka bertanya-tanya "siapa yang akan menjawab semua soalan-soalan ini yang saya sentiasa mempunyai???" Tetapi jawapan lebih dekat kepada "banyak soalan-soalan ini yang anda tidak akan mempunyai di Svelte". Ini juga mengapa saya mengekalkan bahawa mana-mana pengembang yang cukup pintar untuk mengekalkan diri mereka sendiri di React boleh benar-benar memecahkannya (dalam masa yang singkat) di Svelte.
Ya setuju, itulah yang saya maksudkan. perkara yang paling menakutkan adalah bahawa tidak banyak yang perlu dikhawatirkan di Svelte jadi ia kelihatan seperti sesuatu yang hilang
Masalah terburuk yang telah saya hadapi dengan menggunakan Svelte adalah perbezaan halus dalam bagaimana rantaian ketergantungan kedai derivatif dan pernyataan '$:' reaktif mengendalikan kemas kini, mewujudkan perbezaan dalam tingkah laku kepada logik yang seolah-olah setara. tetapi walaupun itu adalah dapat diprediksi, boleh dimengerti secara arsitektur, mudah untuk bekerja dengan dan jadi hampir tidak pernah masalah yang signifikan bahawa pengembang Svelte yang paling berpengalaman tidak menyedari ini.
Saya berasa seperti saya salah satu daripada sedikit yang tidak benar-benar suka run ... mereka menakjubkan dalam sesetengah kes, dan berasa seperti regresi DX dalam yang lain. Saya benar-benar bersetuju dengan anda pada sesetengah cabaran reaktiviti, tetapi kemudian setiap rangka kerja reaktiviti seolah-olah mempunyai masalah itu dalam satu cara atau yang lain (secara pasti dalam React dalam pengalaman saya).
secara mutlak
untuk pengkodean agentik kurang ekspediture token
Oh, lol, saya tidak bercakap tentang ini
Salah sebelum membuktikannya
Saya tidak cuba baru-baru ini tetapi saya merasa sebaliknya beberapa bulan yang lalu sebagai model bodoh hanya memasang paket react walaupun saya memberitahu tidak.
Saya mendapati ia mudah untuk digunakan apabila mencipta perpustakaan generator imej dengan laluan .png ini hanya bukan sesuatu yang anda boleh lakukan dalam pandangan. Anda boleh dalam react kerana ia menyokong fungsi sisi pelayan itu. Svelte berasa lebih mudah dan lebih bersih apabila saya menguji kedua-duanya. ( Digunakan untuk mencipta tajuk unik untuk posting blog berdasarkan versi slug tajuk sebagai benih)
kurang stress
Hampir segala-galanya kecuali pasaran kerja
Saya mungkin mendapat undi kerana mengatakan ini, tetapi saya fikir pasaran kerja sama mencabar hari ini tanpa mengira perpustakaan atau rangka kerja, dan ini menjadi perdebatan lama.
Untuk apa yang bernilai, AI adalah apa yang menyebabkan saya mula "menggunakan" Svelte untuk kali pertama. Saya tidak boleh membenarkan ia sebelum ini, walaupun penyelidikan dan menyimpulkan ia mungkin kerangka kerja yang terbaik secara keseluruhan, tetapi sekarang bahawa saya boleh menulis semula apa-apa dalam apa-apa, saya pergi daripada tidak pernah menyentuh Svelte untuk menggunakannya di mana-mana sahaja. Agen kelihatan berfungsi dengan baik dengannya. Saya tidak pernah benar-benar menulis satu baris kod Svelte saya sendiri - atau, jujur, mana-mana kod frontend, pra-AI saya selalu bekerja dengan vanilla JS / TS berantakan - tetapi saya pada asasnya hanya mengalahkan AI dengan "okay cuba membahagikan ini kepada lebih banyak komponen dan menggunakan semula komponen yang sedia ada ini bukannya mencipta semula komponen baru hanya untuk ini" begitu kerap dan hasil akhir kel
Svelte kos kurang token. Serius! Saya telah membangunkan laman web yang kompleks 3x menggunakan Svelte, React dan Vue menggunakan Claude 4.8 Svelte adalah jauh lebih murah. Sama seperti elixir lebih murah daripada Python Zig adalah lebih murah daripada rumput Elixir pembangunan adalah lebih murah daripada kebanyakan bahasa. Adakah ia benar-benar penting lagi apa bahasa itu? Ia semua tentang kelajuan dan kos token bukan hari manusia. Ia adalah: Seberapa cepat anda boleh mencapai penyelesaian bebas bug menggunakan bilangan minimum token. Teknologi yang paling murah untuk dibangunkan dengan LLM harus menguasai kecuali pembekal token boleh mempengaruhi tumpukan teknologi. Tetapi, hey, kami telah mengendarai kereta bensin selama beratus-ratus tahun - yang merupakan bukti bahawa apabila datang ke pasaran teknologi tidak pernah berkesan.
Hahaha oh lord bayangkan pengoptimuman untuk keupayaan untuk pekerjaan kod tangan pada tahun 2026
Walaupun bukan pengkodean tangan, pembukaan kerja masih memerlukan pengalaman dalam bahasa dan kerangka kerja tertentu dan infra projek yang digunakan, bukan sahaja dalam beberapa bahasa, kerangka kerja, dan infra.
Komentar yang sangat jelas
Slam dunk comment : Slam dunk comment.
Kod yang lebih jelas dan lebih mudah, kurang senjata api dan idiosinkrasi kerangka kerja, tiada vDOM (itu melampaui prestasi). BTW, terdapat semakin banyak pemain besar berkinerja tinggi (tidak cukup) yang telah pergi penuh pada Svelte (Apple, Hugging muka,...).
Yes, you will have fun debugging when they ship a completely broken version of the framework Di samping itu, DX adalah jauh, jauh lebih teruk. Integrasi TS juga jauh lebih teruk. Svelte adalah kerangka kerja yang menyeronokkan jika anda menggunakannya pada jenis projek senarai tugas anda.
Perisian mempunyai bug, mereka telah membetulkannya.
mehhhhh mereka melepaskan versi tetap dalam 24 jam. anda tidak boleh memasang pakej yang muda bagaimanapun pada hari ini dan umur kebajikan serangan rantaian bekalan.
>mehhhhh mereka melepaskan versi tetap dalam 24 jam Mereka melakukannya? https://www.npmjs.com/package/svelte?activeTab=versions Saya fikir versi rosak adalah yang terbaru selama 3 hari dengan 130k muat turun.
Anda mengemas kini kepada versi terkini semua paket anda, dalam pengeluaran? Adakah anda memohon untuk diserang? Tiada dasar umur minimum? sama sekali?
Lebih baik anda berhenti minum
DX. Saya belajar React untuk seperti 3 kali, kursus yang berbeza, puluhan projek haiwan kesayangan. Ia mengambil masa saya kira-kira 4 bulan sebelum ia klik. tetapi dengan Svelte saya bersedia untuk mencipta dalam 3 hari belajar. BTW ia adalah konyol bahawa Svelte berasa lebih dekat dengan Vanilla JS, daripada React. Walaupun ia adalah DSL.
Pengalaman saya juga. Hampir beberapa tahun React membina di bawah tali pinggang saya sebelum saya menyentuh Svelte, dan saya dalam satu atau dua hari saya sudah lebih cepat pada yang terakhir. walaupun hanya melalui tutorial semula ketika itu adalah satu reaksi yang mengejutkan selepas yang lain ... berfikir "omg, ini akan mengambil lebih banyak dalam React (atau ia hanya tidak dilayan semula)".
React juga mempunyai dsl, JSX bukan vanilla
JSX ialah gula sintetik untuk React.createElement()
Ya, ia adalah gula sintaks. Templat Vue adalah gula untuk Vue createElement Templat Svelte adalah gula untuk operasi dom Mereka masing-masing menggunakan ekstensi fail non-standar, .tsx/jsx, .vue dan .svelte. Semua adalah DSL yang tidak serasi dengan vanilla JS
hmm, bermakna
kesihatan mental
sintaks bersih, hampir sama seperti vista, tidak terlalu memerlukan ext deps
Fungsi jauh: https://svelte.dev/docs/kit/remote-functions
Dan kini mereka menyokong streaming masa nyata.
Saya telah menulis React secara profesional kerana ia merupakan perpustakaan niche baru dari Facebook.
Sebenarnya alat linting lebih baik untuk React still.
Pasukan yang sama pada kedua-dua akaun! Masih bekerja dalam React hingga hari ini (untuk kerja), dan masih boleh dengan selamat mengatakan Svelte hanya lebih bersih, lebih mudah, prestasi yang lebih baik, dan menyelesaikan begitu banyak isu-isu peringkat aplikasi yang React tidak.
😂 buat hari saya
Ia baik untuk pembangunan web tertanam kerana ia menggunakan lebih sedikit storan
ianya sukar untuk menulis kod yang buruk. kompilator hanya melakukan pengangkat yang berat. Sebuah dashboard pengeluaran adalah 2MB pada React MVP saya kepada 500kb dalam mt Svelte Code. Segala-galanya muat turun dengan cepat, aplikasi itu snappy, kod bukan panggilan balik neraka. Ekosistem paket kurang terjejas, kurang perpustakaan untuk belajar. ia hanya berfungsi.
1.DX 2.Prob menyimpan lebih banyak token untuk pengkodean agentik 3.Tidak ada konsep yang pelik untuk dipelajari ... berbeza daripada React
Anda menyatakan apa yang HTML/CSS anda adalah untuk satu set variabel yang diberikan (state): ia adalah templating. 2. anda menulis logik yang sama menghubungkan tindakan pengguna kepada perubahan dalam keadaan itu: itu adalah pengaturcaraan. Itu adalah keseluruhan kerja. Svelte 5 mengambil kedua-duanya dan menyempurnakan mereka. Pemrograman: dengan run, satu keadaan hanya satu variabel TypeScript yang anda tulis dalam puriscript. let count = $state(0), kemudian count++. anda menukar variabel yang sama dengan mengubahnya. Tiada apa-apa yang istimewa, puris TypeScript. Templating: anda membuat fail .svelte`` dan menulis HTML/CSS dengan bahasa template yang tepat, menggunakan variabel keadaan yang anda tulis dalam puriscript. let count = $state(0)`, kemudian react. Pemrograman: satu fungsi yang sama
Angular untuk jalan-jalan, Svelte untuk lembaran
Adakah anda mengekalkan kebijaksanaan anda?
segalanya
Mereka boleh berfikir lebih mudah dengan svelte kerana perkara-perkara tidak terlalu abstrak.
Gunakan sahaja apa yang terbaik di AI.
Anda akan menyukainya.Ini merupakan keuntungan yang paling besar.
Satu perpustakaan untuk Frontend dan Backend, React juga boleh lakukan, tetapi Reac membuatnya rumit.
react: kami mempunyai penyelesaian kepada masalah anda, dan kemudian kami mempunyai penyelesaian kepada masalah yang dibuat oleh penyelesaian terdahulu kami ... dan sekarang anda memuat turun 600kb bernilai react on page load svelte: kami mempunyai reactivity ... pengurusan keadaan ... dan JavaScript, mencari penyelesaian kepada masalah anda sendiri bro
Pivot akan Web Components, dan penggunaan pintar bundling. kita tidak perlu sepenuhnya bergantung kepada rangka kerja set penuh. Pilih apa-apa yang berfungsi untuk skop kecil, membina komponen / widget dan membungkus konteks supaya AI boleh menyampaikan lebih baik, dan anda boleh mengawal kualiti juga. tetapi ini tidak penting kerana kita mahu membuat segala-galanya milik dengan Rust / Go dan Web Assembly.
Saya akan mengatakan soalan adalah "vs react". jadi, pengalaman pengembang. Vue mempunyai DX yang hampir identik.
Pengembang Pengalaman hanya waaay lebih baik, bekerja selama 3 tahun dalam Svelte, SvelteKit, Typescript, GraphQL tumpukan.
Bolehkah anda melengkapkan sedikit niche?
React tutorial sering berasa seolah-olah anda memerlukan senarai keseluruhan ketergantungan hanya untuk mendapatkan perkara asas untuk bekerja. Ramai ia boleh berasa hacking, tidak sangat bulat, dan penuh dengan konsep-konsep aneh atau perangkap tersembunyi yang tidak jelas pada mulanya. Seiring dengan masa, ia berasa bengkak, terutamanya dalam komponen yang kompleks seperti checkout / bayaran atau perkara-perkara yang serupa. Saya bekerja di kedai dalam talian untuk label fesyen di sini di Jerman, di mana kami dihubungkan semula dari PHP, Smarty, dan Vue stack kepada penulisan semula penuh dengan Svelte, SvelteKit, TypeScript, dan GraphQL. Selepas bertahun-tahun bekerja dengan yang warisan kodebase, ia adalah jujur menyegarkan untuk melihat pendekatan yang berbeza. Saya telah dihubungkan pada Svelte agak cepat.