allforonereactrebuild

Semua untuk satu reaksi membangun kembali

Nama: Elizabeth Trotter

Ruang lingkup proyek

Ini adalah rebuild of a former project yang mengkonsolidasikan mantan titik akhir API mini menantang ke dalam aplikasi web 10 halaman. Fokus dari proyek ini adalah learn how to use React . Proyek ini diprototip pada Figma menggunakan mobile first design .

• Klik di sini untuk mengunjungi prototipe Figma untuk seluler dan desktop.
• Klik di sini untuk mengunjungi repo proyek asli yang diselesaikan dengan Vanilla Javascript.

Catatan

Aplikasi ini mengambil dari Web API yang berfungsi penuh yang saya buat dan sebutkan di Azure . Ini dapat diakses oleh aplikasi lain melalui HTTP.

• Klik di sini untuk mengunjungi repo API Web .

Pratinjau Aplikasi

Gambar 1: Pratinjau seluler halaman beranda dan dua tingkat pertama

Ulasan peer

Nama: Zachary Dressel Tanggal/Waktu: 2/9/24 3:55 PM Komentar: Proyek tepat untuk meminta rekreasi bereaksi, semuanya berfungsi dengan baik hemat untuk level 2 yang mundur, dan level 9 itu dapat menggunakan deskripsi daripada hanya output dari namanya. Situs web juga benar -benar responsif, secara keseluruhan luar biasa!

Masalah diselesaikan:

• Fixed Level 2 Bug ✅ 2/9/24 4:55 PM

---

Memulai dengan Aplikasi Create React

Proyek ini bootstrap dengan aplikasi Create React.

Skrip yang tersedia

Di direktori proyek, Anda dapat menjalankan:

npm start

Menjalankan aplikasi dalam mode pengembangan.
Buka http: // localhost: 3000 untuk melihatnya di browser Anda.

Halaman akan memuat ulang saat Anda melakukan perubahan.
Anda juga dapat melihat kesalahan serat di konsol.

npm test

Meluncurkan test runner dalam mode jam tangan interaktif.
Lihat bagian tentang menjalankan tes untuk informasi lebih lanjut.

npm run build

Membangun aplikasi untuk produksi ke folder build .
Bundelnya dengan benar bereaksi dalam mode produksi dan mengoptimalkan build untuk kinerja terbaik.

Bangunan diminifikasi dan nama file termasuk hash.
Aplikasi Anda siap digunakan!

Lihat bagian tentang penyebaran untuk informasi lebih lanjut.

npm run eject

Catatan: Ini adalah operasi satu arah. Setelah Anda eject , Anda tidak bisa kembali!

Jika Anda tidak puas dengan alat build dan pilihan konfigurasi, Anda dapat eject kapan saja. Perintah ini akan menghapus ketergantungan build tunggal dari proyek Anda.

Sebagai gantinya, itu akan menyalin semua file konfigurasi dan dependensi transitif (Webpack, Babel, Eslint, dll) langsung ke proyek Anda sehingga Anda memiliki kontrol penuh atasnya. Semua perintah kecuali eject masih akan berfungsi, tetapi mereka akan menunjuk ke skrip yang disalin sehingga Anda dapat mengubahnya. Pada titik ini Anda sendirian.

Anda tidak harus menggunakan eject . Set fitur yang dikuratori cocok untuk penyebaran kecil dan tengah, dan Anda tidak boleh merasa wajib menggunakan fitur ini. Namun kami memahami bahwa alat ini tidak akan berguna jika Anda tidak dapat menyesuaikannya saat Anda siap untuk itu.

Pelajari lebih lanjut

Anda dapat mempelajari lebih lanjut dalam dokumentasi aplikasi React Create.

Untuk mempelajari React, lihat dokumentasi React.

Pemisahan kode

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/code-splitting

Menganalisis ukuran bundel

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Membuat aplikasi web progresif

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/making-a-progressive-papp

Konfigurasi lanjutan

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/advanced-configuration

Penyebaran

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/deployment

npm run build Gagal Minify

Bagian ini telah pindah ke sini: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify