react without buildsteps

react-without-buildsteps

Mengapa? Mengapa tidak. Proyek kerangka ini didedikasikan untuk:

• Penggemar CDN di seluruh dunia.
• Pecinta jQuery di seluruh dunia tetapi ingin menggunakan bereaksi seperti menggunakan jQuery.
• Orang yang ingin melihat dan cara menggunakan React tanpa langkah build.
• Orang yang membenci npm install sesuatu.
• Orang yang membenci langkah membangun.
• Orang yang ingin belajar bereaksi dari perspektif dan sudut yang berbeda.
• Orang yang tertarik untuk memperluas kode sederhana ini.
• Orang -orang yang mencintai JSX dan masih ingin menggunakannya di React tanpa ada langkah build.
• Saya sendiri, yang ingin memiliki dokumentasi tentang penggunaan reaksi dengan CDN.

Instalasi

Tidak, tidak ada instalasi.

Di mana npm install barang?

Tidak, tidak ada npm install hal -hal.

Lalu bagaimana cara berlari?

Cukup jalankan menggunakan server web statis favorit Anda. Favorit saya adalah php -S 0.0.0.0:3000 pada direktori repo saat ini, Buahahaha. Errrr kamu tahu lebih baik lah. Server web statis favorit saya adalah menggunakan ekstensi Live Preview dari dalam kode Visual Studio.

Di repositori ini ada file yang disebut index.html . Ya, itu saja. Itulah kode yang berisi HTML, JS (React Code, Router dll) dan tidak ada CSS (hanya gaya standar). Anda dapat memperpanjangnya ke maxxxx.

Apa yang termasuk dalam proyek kerangka ini

• File index.html tunggal yang berisi semua kode.
• Situs web Simple Spa (Aplikasi Single Page) dengan React (React and React DOM).
• Menggunakan router, bereaksi router dan reaksi router dom (semua versi CDN).
• Menggunakan Babel Versi Standalone (CDN). Saya tahu mandiri bukan untuk produksi, tapi hei relaxxx bro. Babel digunakan di sini untuk menangani JSX, sehingga Anda masih dapat menggunakan JSX Anda dalam proyek ini.
• Komponen dua halaman sederhana (rumah dan sekitar) dan komponen header (header) untuk mewakili hal -hal komponen.

CDN apa yang digunakan di sini?

 react
react-dom
react-router
react-router-dom
@remix-run/router
@babel/standalone

Demo

https://react-without-buildsteps.vercel.app

Dan lihat saja sumbernya. Penyebaran mudah ke Vercel atau hosting statis lainnya.

Lisensi

Mit

Hak Cipta © 2023 Sony Arianto Kurniawan <[email protected]> dan kontributor.