หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

ส่วนประกอบ Cero

0⃣ Cero A Production เป็นโครงการของเซสชันการเข้ารหัสสดที่เราพัฒนาแอพการจัดการผลผลิต AA ที่เรียกว่า Reto ตั้งแต่เริ่มต้นจนถึงการผลิต

แนวคิดเบื้องหลัง

วัตถุประสงค์ของเซสชันเหล่านี้คือการให้ประสบการณ์นักพัฒนาที่แท้จริงที่เราเจาะลึกลงไปในการตัดสินใจมากมายที่โปรแกรมเมอร์ทั่วไปทำในชีวิตประจำวันโดยใช้ JavaScript และเครื่องมืออื่น ๆ ที่เกี่ยวข้อง ผู้เข้าร่วมจะสังเกตการทดสอบที่ล้มเหลวการปรับโครงสร้างรหัสและการใช้ประโยชน์จากเครื่องมือค้นหาเช่น Google และ StackOverFlow นอกจากนี้ผู้เข้าร่วมสามารถคาดหวังที่จะเพลิดเพลินกับกระบวนการและเป็นพยานถึงความท้าทายของการตั้งชื่อตัวแปรและฟังก์ชั่น

ตรวจสอบเซสชันวิดีโอของผลิตภัณฑ์นี้ที่นี่และติดตามฉัน

สารบัญ

  • เริ่มต้น
  • หนังสือนิทาน
  • ดำเนินโครงการในพื้นที่
  • รันการทดสอบ
  • วิธีการ
    • การออกแบบอะตอม
    • คำจำกัดความของโมเลกุล

เริ่มต้น

คุณต้องมี react and react-dom installed ซึ่งเป็นการพึ่งพาเพียร์ของโครงการนี้

1. การติดตั้ง

ใช้ NPM 

npm install @glrodasz/components

ใช้เส้นด้าย 

yarn add @glrodasz/components

2. การใช้ห้องสมุด

  • นำเข้าส่วนประกอบ 
 import { Icon , ButtonIcon } from '@glrodasz/components'
  • ใช้ส่วนประกอบ 
 < ButtonIcon icon = "arrowRight" type = "primary" >
  Cowards Agreed
</ ButtonIcon >

หนังสือนิทาน

ตรวจสอบส่วนที่เหลือของส่วนประกอบที่มีอยู่ในหนังสือนิทานของเรา

ดำเนินโครงการในพื้นที่

ทำตามขั้นตอนเหล่านี้เพื่อ start the project ในการพัฒนา

  1. ที่เก็บโคลน git clone https://github.com/glrodasz/cero-components.git
  2. ติดตั้งการพึ่งพาในโฟลเดอร์โครงการรัน yarn หรือ npm install
  3. เรียกใช้หนังสือนิทานด้วย yarn dev หรือ npm run dev คำสั่งนี้จะสร้างโทเค็นและหนังสือนิทานเปิด

รันการทดสอบ

  1. เรียกใช้ yarn run test หรือ npm run test
  2. เพื่อให้การทดสอบทำงานให้เรียกใช้ yarn run test:watch

วิธีการ

การออกแบบอะตอม

สำหรับโครงการนี้จะใช้วิธีการในการสร้างส่วนประกอบที่เรียกว่าการออกแบบอะตอม ไลบรารีส่วนประกอบจะสร้างเพียง อะตอม และ โมเลกุล ด้วยคำจำกัดความต่อไปนี้:

คำจำกัดความของอะตอม

สำหรับโครงการนี้อะตอมจะเป็นส่วนประกอบที่ประกอบด้วยอะตอมที่ไม่ซ้ำกันที่มีหรือไม่มีแท็ก HTML หรือเพียงแค่แท็ก HTML

คำจำกัดความของโมเลกุล

สำหรับโครงการนี้โมเลกุลเป็นส่วนประกอบที่ประกอบด้วยอะตอมอย่างน้อย 2 อะตอมที่แตกต่างกัน

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด