frost web
1.0.0
frost web เป็นส่วนหน้าของ Frost API ของ Po.et สำหรับจัดการบัญชีและโทเค็น API
คุณสมบัติใหม่ทั้งหมดควรถูกรวมเข้าเป็นคุณสมบัติหลักด้านหลังการสลับคุณสมบัติโดยปิดใช้งานตามค่าเริ่มต้น เมื่อคุณสมบัติได้รับการทดสอบเพียงพอแล้ว ก็สามารถถอดตัวสลับออกได้
เหล่านี้คือส่วนประกอบ ReactJS และสไตล์ Sass สถาปัตยกรรมของส่วนประกอบต่างๆ ได้รับแรงบันดาลใจจาก Atomic Design ของ Brad Frost
ส่วนประกอบส่วนใหญ่มีไฟล์ .scss ที่เกี่ยวข้องเพียงไฟล์เดียวซึ่งมีชื่อเดียวกัน นอกจากนี้ยังมีสไตล์ระดับโลกไม่กี่รูปแบบที่อยู่ใน components/styles สไตล์ถูกรวมและโหลดโดย style-loader ของ Webpack , css-loader , autoprefixer , postcss-loader และ sass-loader
ส่วนประกอบต่างๆ แบ่งออกเป็นอะตอม โมเลกุล สิ่งมีชีวิต หน้า และกิริยา กฎทั่วไปคือ: ยิ่งเล็กไม่ควรใช้สิ่งที่ใหญ่กว่า นั่นหมายความว่าอะตอมไม่ควรขึ้นอยู่กับส่วนประกอบอื่น ๆ โมเลกุลสามารถขึ้นอยู่กับอะตอมเท่านั้นและอื่น ๆ
ขณะนี้เพจอาศัยอยู่ภายนอก /components ด้วยเหตุผลทางประวัติศาสตร์ แต่จะถูกย้ายไปยังโฟลเดอร์นี้ในอนาคต
องค์ประกอบรูทคือส่วนประกอบ/Root.tsx และ ReactDOM.render ถูกเรียกใน index.tsx
React Redux ลดอยู่ที่นี่ พวกเขาไม่ควรมีเหตุผลใดๆ เลย เพียงแค่รับข้อความและอัปเดตร้านค้า Redux
Saga Redux-Saga อาศัยอยู่ที่นี่ ตรรกะของแอปพลิเคชันส่วนใหญ่ โดยเฉพาะผลข้างเคียงทั้งหมด ควรอยู่ใน sagas และ sagas เท่านั้น
รูปภาพทั้งหมดที่ใช้โดยแอปพลิเคชัน พวกมันถูกเปิดเผยเป็นองค์ประกอบ static readonly ของคลาสใน images/Images.tsx โดยใช้ปลั๊กอิน File Loader Webpack เพื่อโหลดและรวมกลุ่มพวกมัน
ส่วนขยายสำหรับประเภทดั้งเดิมของ JavaScript มีอยู่ที่นี่
เราปฏิบัติตามคู่มือสไตล์ JS ของ StandardJS และ AirBnB เป็นส่วนใหญ่ เรายังไม่ได้บังคับใช้รูปแบบโดยอัตโนมัติ
กฎบางประการ:
var เป็นสิ่งต้องห้าม และ let หลีกเลี่ยงเมื่อเป็นไปได้ ให้ใช้ const แทนเสมอ
