ash Perintah untuk Berkesan Bekerja Dengan Komponen React

Bekerja dengan Komponen React boleh menjadi menakutkan pada masa-masa tertentu terutamanya dengan pangkalan kod yang besar.

Dalam siaran ini, saya berkongsi 3 perintah bash yang saya gunakan untuk memudahkan sebahagian daripada kerja itu.

Jom selami!

#1: Cari Komponen Dengan Teks Berkod Keras

Untuk menyahpepijat lebih mudah, anda mungkin telah mengodkan beberapa nilai dalam kod.

Tetapi adalah idea yang baik untuk menyingkirkannya sebelum pengeluaran. Memandangkan teks pengekodan keras menyukarkan penyetempatan yang menjadi penghalang dalam mengglobalisasikan aplikasi.

Anda boleh menggunakan arahan berikut untuk mencari teks berkod keras, supaya apl anda boleh menyokong berbilang bahasa:

grep -Er "['\"].*['\"]" src/**/*.jsx | grep -v 'i18n' | tee hardcoded_text.log

#2: kenal pasti Komponen Tiada Fail Ujian

Arahan lain yang selalu saya gunakan untuk nyahpepijat liputan ujian rendah.

Ia adalah untuk mencari perkara yang semua komponen terlepas ujian.

Gunakan arahan ini untuk menyenaraikan semua komponen tindak balas yang tiada fail ujian:

find src -name '*.jsx' | sed 's/.jsx$/.test.js/' | while read file; do [ ! -f "$file" ] && echo "Missing test: $file"; done

#3: Semak Kaedah Kitaran Hayat Dihentikan

Jika anda menaik taraf pangkalan kod React anda kepada versi baharu, masalah pertama yang anda akan hadapi ialah kaedah kitaran hayat yang tidak digunakan lagi.

Jalankan perintah bash berikut untuk mengenal pasti kod lapuk secara proaktif dan peningkatan yang lebih lancar.

grep -Er '(componentWillMount|componentWillReceiveProps|componentWillUpdate)' src/**/*.jsx

Dan itu sahaja.

Semoga anda mendapati arahan ini berguna semasa bekerja dengan komponen React.

Selain itu, komen di bawah tugas pengekodan yang membosankan yang anda tangguhkan untuk mengautomasikan?

Atas ialah kandungan terperinci ash Perintah untuk Berkesan Bekerja Dengan Komponen React. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!