Templat React/Tailwind dengan NavBar responsif lalai.

Saya hanya terkilan dengan mengecualikan App.test.js dan semua fail lalai yang saya tidak akan gunakan dalam projek React saya, dan juga saya tidak pernah menemui bar navbar yang baik selain daripada versi bar nav percuma daripada tapak web Tailwind UI , yang bukan navbar terbaik yang perlu saya lihat. Memikirkan itu, saya mencipta templat untuk sebarang projek tindak balas dari awal. Saya mengalih keluar semua fail yang tidak diperlukan, ia hanya penting untuk mula mencipta.
Anda boleh melihat tapak web langsung mengikut pautan: Templat React/Tailwind dengan NavBar responsif lalai

Mulakan
Untuk menggunakan templat ini agak mudah. Anda akan melakukan perkara yang sama seperti yang anda lakukan dengan mana-mana projek React yang anda buat, tetapi anda akan menambah beberapa parameter. Hanya alihkan ke folder anda pada terminal anda dan kemudian laksanakan baris kod berikut:
npx create-react-app my-project --template https://github.com/zaqueu-dev/react-tailwind-template

Dan begitulah! Anda telah memulakan projek baharu dengan templat. Hanya buka pada VScode dan gembira, terus ke hadapan untuk mencipta dan bukannya memadam fail dahulu.

Lihat rupanya:
Desktop:

Mudah alih:

Jangan ragu untuk membaca butiran tentang templat ini pada github saya: ReadMe untuk templat React/Tailwind dengan NavBar responsif lalai

Saya harap anda menikmati templat :)
Jika anda mempunyai sebarang idea tentang cara menambah baik templat lalai ini, beritahu saya dengan menyerahkan isu pada halaman github yang sama: Beritahu saya cara ia boleh dipertingkatkan

Atas ialah kandungan terperinci Templat React/Tailwind dengan NavBar responsif lalai.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!