Unduh React Components - Unduh Kode Sumber React Components

React Components

Kode sumber lainnya

1.0.0

Unduh

Komponen Bereaksi

Ringkasan

React-Components adalah proyek berbasis reaksi yang dirancang untuk menampilkan komponen UI yang dapat digunakan kembali yang dibangun dengan alat pengembangan web modern. Proyek ini difokuskan untuk memberikan komponen berkualitas tinggi, animasi, dan dapat disesuaikan yang dapat dengan mudah diintegrasikan ke dalam berbagai aplikasi web.

Struktur Direktori

Proyek ini memiliki struktur folder yang terorganisir dengan baik yang hanya berisi komponen yang dapat digunakan kembali. Inilah tata letak saat ini:

 src/
├── components/
│   ├── Blogs1.jsx
│   ├── Blogs2.jsx
│   ├── Button.jsx
│   ├── Card.jsx
│   ├── Credit_Card.jsx
│   ├── Footer.jsx
│   ├── Login.jsx
│   ├── Navbar.jsx
│   ├── Pricing_Cards.jsx
|   |__ Accordion.jsx
|   |
│   └── SearchBar.jsx
|
├── App.jsx
└── main.jsx
.eslintrc.cjs
.gitignore
CODE_OF_CONDUCT.md
CONTRIBUTING.md
index.html
LICENSE
package-lock.json
package.json
vite.config.js

Teknologi digunakan

React (v18.2.0) - Perpustakaan JavaScript untuk membangun antarmuka pengguna.
Framer Motion (v11.9.0) - Perpustakaan gerak untuk bereaksi membuat animasi.
Lucide React (v0.446.0) - Perpustakaan ikon untuk membangun antarmuka pengguna yang sederhana dan indah.
React Router DOM (V6.23.0) - Perpustakaan untuk Routing Dinamis dalam Aplikasi Bereaksi.
Vite (v5.2.0) - Alat build frontend yang menyediakan pengembangan cepat dan produksi yang dioptimalkan.
Eslint - linter untuk mempertahankan kualitas kode.

Instalasi

Untuk mengatur proyek secara lokal, ikuti langkah -langkah ini:

Klon Repositori

git clone https://github.com/parthasdey2304/React-Components.git
cd react-components

Instal dependensi pastikan Anda menginstal node.js. Kemudian, jalankan perintah berikut:
```
npm install
```
Mulai Server Pengembangan Mulai server pengembangan menggunakan vite:
```
npm run dev
```
Build for Production untuk membuat produksi yang dioptimalkan, jalankan:
```
npm run build
```

Penggunaan

Setelah server pengembangan berjalan, buka browser Anda dan pergi ke:

 http://localhost:3000

Anda sekarang dapat menjelajahi komponen yang dapat digunakan kembali dan menguji fungsionalitasnya.

Skrip

npm run dev : Mulai server pengembangan.
npm run build : Membangun Proyek untuk Produksi.
npm run lint : Lints Proyek untuk masalah gaya kode.
npm run preview : Pratinjau Bangunan Produksi.

Berkontribusi

Kami menyambut kontribusi! Harap baca Pedoman Kode Etik dan Kontribusi kami sebelum memberikan kontribusi.

Untuk berkontribusi:

Garpu repositori.
Buat cabang baru ( feature/your-feature atau fix/your-fix ).
Membuat perubahan Anda.
Uji perubahan Anda.
Kirimkan permintaan tarik dengan penjelasan yang jelas tentang pembaruan Anda.

Untuk detail lebih lanjut, lihat pedoman kontribusi kami.

Pelacakan masalah

Jika Anda menemukan bug apa pun atau memiliki permintaan fitur, silakan buka masalah. Pastikan masalah ini belum dilaporkan. Berikan informasi terperinci untuk membantu kami memahami dan menyelesaikan masalah dengan cepat.