Inersia

Klasifikasi alat pemaju Jeremy selalu kagum dengan saya:

Saya telah menyebut dua jenis alat pembangunan web, tetapi saya masih tidak pasti bagaimana untuk memanggil kategori ini. Dalaman dan luaran? Untuk pemaju dan pengguna?

Kategori pertama termasuk alat binaan, kawalan versi, penterjemah, preprocessors, dan pemeriksa kod. Alat ini dijalankan pada mesin anda -atau pada pelayan -mengambil kod yang anda tulis dan menukarnya menjadi bahan mentah untuk web: HTML, CSS, dan JavaScript.

Jenis alat kedua terdiri daripada bahan mentah untuk web: rangka kerja CSS dan perpustakaan JavaScript.

Ini adalah cara yang baik untuk berfikir, dan sudah tentu terdapat beberapa kehalusan. SASS tergolong dalam kategori pertama kerana ia tidak akan dihantar terus kepada pengguna, ia hanya menghasilkan CSS yang dihantar kepada pengguna. Tetapi ia masih akan menjejaskan pengguna kerana saiz CSS yang dihasilkan akan berbeza -beza bergantung kepada cara anda menggunakannya.

Jeremy memanggil Svelte sebuah perpustakaan, yang matlamatnya adalah untuk menyusun sebanyak mungkin sebelum kod dihantar kepada pengguna. Masih terdapat beberapa kod JavaScript, tetapi ia tidak mengandungi overhead API yang berorientasikan pemaju. Kehalusan di sini adalah bahawa Svelte boleh digunakan dengan cara yang benar -benar menghilangkan semua kod JavaScript. Sebagai contoh, Sveltekit boleh mematikan fungsi penghidratan sepenuhnya dan pra-membuat halaman, mewujudkan laman web bebas JavaScript (atau sekurang-kurangnya hanya menggunakannya jika anda memerlukannya).

Mengenai React:

Saya tahu ada cara untuk membuat React berkelakuan lebih seperti jenis alat pertama, tetapi ini pastinya bukan tingkah laku lalai. Dan tingkah laku lalai sangat penting. Untuk React, tingkah laku lalai adalah untuk mengandaikan bahawa semua kod yang anda tulis -dan alat yang anda gunakan untuk menulisnya -dihantar ke pengguna akhir.

Saya fikir ini munasabah, tetapi cerita itu seolah -olah perlahan -lahan berubah. Saya fikir penggunaan yang meluas adalah jauh dari cara itu, tetapi komponen pelayan bernilai memberi perhatian di sini kerana mereka datang dari pasukan React itu sendiri, sama seperti Sveltekit berasal dari pasukan Svelte itu sendiri.

Mengenai Astro:

[...] Tidak seperti Svelte, Astro membolehkan anda menggunakan sintaks yang sama seperti rangka kerja yang sedia ada. Jadi jika anda telah belajar React - kerana anda perlu belajar untuk mencari pekerjaan - maka anda boleh menggunakan Astro tanpa mempelajari sintaks baru.

Saya tahu anda mungkin tidak dapat menukar laman web React yang sedia ada ke Astro dalam satu klik, tetapi terdapat sekurang -kurangnya laluan naik taraf yang jelas.

Ini bukan sahaja betul dalam teori, tetapi juga dalam amalan!

Saya hanya menukar laman web mikro pelayan kecil kami dari Gatsby ke Astro. Gatsby didasarkan pada React, jadi semua komponen dibina sebagai komponen React. Permintaan tarik agak kemas, tetapi ada di sini. Saya menukar sebahagiannya ke dalam fail .ASTRO, tetapi meninggalkan banyak komponen pada dasarnya sama seperti komponen .jsx React. Tetapi React tidak akan dihantar ke laman web pengguna. Kod JavaScript di laman web telah hampir sepenuhnya dikeluarkan, meninggalkan hanya beberapa kod JavaScript asli tulisan tangan untuk interaksi yang sangat mudah.

Jadi, inilah beberapa perkara yang melemparkan perkara yang berlaku. Duit syiling bergabung? Kepada saya, Astro berasa sangat seperti alat yang berorientasikan pemaju. Ia membantu saya . Ia menggunakan pengkompil Vite, yang sangat cepat dan menyeronokkan untuk digunakan (Astro pasti mempunyai beberapa kekurangan kerana ia belum mencapai 1.0, tetapi DX sebahagian besarnya dilaksanakan). Ia skop gaya saya. Ia membolehkan saya menulis SCSS. Ia membolehkan saya menulis komponen (menggunakan banyak rangka kerja yang berbeza ). Tetapi ia juga membantu pengguna. Tiada pakej JavaScript di laman web sama sekali.

Saya rasa ini bermakna Astro tidak mengubah kategori - ia adalah alat yang berorientasikan pemaju. Ia hanya berlaku untuk menjadikan alat berorientasikan pengguna pada asalnya (walaupun svelte) menjadi alat yang berorientasikan pemaju hampir sepenuhnya.

Oleh kerana saya masih mempunyai beberapa pautan mengenai Astro yang telah berada di dalam saku saya, Flavio mempunyai tutorial yang hebat untuk memulakan, dan di sini adalah Drew McLellan dan Matthew Phillips membincangkan Astro mengenai podcast Smashing baru -baru ini.

Berikut adalah beberapa laman web Dave dan saya berbincang dengan saya baru -baru ini diperbaiki dengan Astro:

Atas ialah kandungan terperinci Inersia. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!