React Components
1.0.0
React-Components เป็นโครงการตามปฏิกิริยาที่ออกแบบมาเพื่อแสดงส่วนประกอบ UI ที่นำกลับมาใช้ใหม่ได้ซึ่งสร้างขึ้นด้วยเครื่องมือพัฒนาเว็บที่ทันสมัย โครงการนี้มุ่งเน้นไปที่การส่งมอบส่วนประกอบที่มีคุณภาพสูงเคลื่อนไหวและปรับแต่งได้ซึ่งสามารถรวมเข้ากับเว็บแอปพลิเคชันต่างๆได้อย่างง่ายดาย
โครงการมีโครงสร้างโฟลเดอร์ที่มีการจัดระเบียบอย่างดีซึ่งมีส่วนประกอบที่ใช้ซ้ำได้เท่านั้น นี่คือเค้าโครงปัจจุบัน:
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
หากต้องการตั้งค่าโครงการในพื้นที่ให้ทำตามขั้นตอนเหล่านี้:
โคลนที่เก็บ
git clone https://github.com/parthasdey2304/React-Components.git
cd react-components
ติดตั้งการพึ่งพาตรวจ สอบให้แน่ใจว่าคุณติดตั้ง node.js จากนั้นเรียกใช้คำสั่งต่อไปนี้:
npm installเริ่มการพัฒนาเซิร์ฟเวอร์ เริ่มต้นเซิร์ฟเวอร์การพัฒนาโดยใช้ VITE:
npm run devสร้างสำหรับการผลิต เพื่อสร้างการสร้างการผลิตที่ดีที่สุดรัน:
npm run buildเมื่อเซิร์ฟเวอร์การพัฒนากำลังทำงานให้เปิดเบราว์เซอร์ของคุณและไปที่:
http://localhost:3000
ตอนนี้คุณสามารถสำรวจส่วนประกอบที่ใช้ซ้ำได้และทดสอบการทำงานของพวกเขา
npm run dev : เริ่มเซิร์ฟเวอร์การพัฒนาnpm run build : สร้างโครงการสำหรับการผลิตnpm run lint : Lints โครงการสำหรับปัญหาสไตล์รหัสnpm run preview : ดูตัวอย่างการผลิต เรายินดีต้อนรับผลงาน! โปรดอ่านหลักเกณฑ์จรรยาบรรณและการบริจาคของเราก่อนที่จะมีส่วนร่วมใด ๆ
มีส่วนร่วม:
feature/your-feature หรือ fix/your-fix )สำหรับรายละเอียดเพิ่มเติมตรวจสอบแนวทางการบริจาคของเรา
หากคุณพบข้อบกพร่องใด ๆ หรือมีคำขอคุณสมบัติโปรดเปิดปัญหา ตรวจสอบให้แน่ใจว่าปัญหายังไม่ได้รับการรายงาน ให้ข้อมูลโดยละเอียดเพื่อช่วยให้เราเข้าใจและแก้ไขปัญหาได้อย่างรวดเร็ว
โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT ดูไฟล์ใบอนุญาตสำหรับรายละเอียด
สำหรับคำถามหรือข้อเสนอแนะใด ๆ อย่าลังเลที่จะติดต่อ:
