apps

Daily.Dev App Suite

ทุกสิ่งที่คุณเห็นใน Daily.dev?

monorepo นี้มีชุดแอปพลิเคชันของ Daily.dev repo รวมถึงเว็บแอปและส่วนขยายพร้อมกับส่วนประกอบที่ใช้ร่วมกันสำหรับทั้งสอง ด้วยการใช้วิธีการ monorepo เราสามารถแบ่งปันรหัสและรักษาความสอดคล้องในส่วนต่าง ๆ ของชุดแอปพลิเคชัน การตัดสินใจที่จะทำให้การทำซ้ำเร็วขึ้นและรักษาคุณสมบัติที่เท่าเทียมกันในทั้งสองแพลตฟอร์ม

เทคโนโลยี

• Node V22.11 (A .nvmrc ถูกนำเสนอสำหรับผู้ใช้ NVM)
• PNPM สำหรับการจัดการ monorepo และการพึ่งพา

โครงการ

แพ็คเกจ

มีคอลเลกชันของโครงการขนาดเล็กหรือห้องสมุดที่ใช้ในชุดแอปพลิเคชัน Daily.dev นี่คือภาพรวมโดยย่อของแต่ละแพ็คเกจที่กล่าวถึง:

• eslint-config

  การตั้งค่า ESLINT ที่ใช้ร่วมกันเพื่อรักษาคุณภาพรหัสที่สอดคล้องกันทั่วทั้งโครงการ

• eslint-rules

  ปลั๊กอิน ESLINT ที่กำหนดเองที่กำหนดชุดของกฎสำหรับโครงการรวมถึงกฎในการบังคับใช้การใช้สีที่สอดคล้องกัน

• ส่วนขยาย

  โครงการขยายเบราว์เซอร์ รวมถึงการกำหนดค่า WebPack สำหรับส่วนขยายเบราว์เซอร์และส่วนประกอบเฉพาะสำหรับส่วนขยาย

• ความเพรียวลม

  การตั้งค่าที่น่าสนใจที่ใช้ร่วมกันสำหรับโครงการทั้งหมดใน repo นี้

• ร่วมกัน

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

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

  การกำหนดค่านิทานสำหรับโครงการที่ใช้ในการพัฒนาและแสดงส่วนประกอบ UI ในการแยก

• WebApp

  โครงการเว็บแอป นี่คือโครงการถัดไป JS และมีหน้ามากกว่าส่วนขยายเช่นหน้าลงทะเบียนหน้าโพสต์หน้าโปรไฟล์ ฯลฯ สำหรับข้อมูลเพิ่มเติมคลิกที่นี่

สภาพแวดล้อมในท้องถิ่น

ในการหมุนสภาพแวดล้อมในท้องถิ่นเราขอแนะนำให้ใช้ gitpod เรามีปุ่ม gitpod ด้านบนทุกอย่างได้รับการกำหนดค่าแล้วและควรทำงานนอกกรอบ คลิกที่มันแล้วมาม้วน!

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

ต้องการความช่วยเหลือ?

ดังนั้นคุณต้องการมีส่วนร่วมใน Daily.Dev App Suite และสร้างผลกระทบเราดีใจที่ได้ยิน -

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

เราจะขอบคุณถ้าคุณอุทิศเวลาและอ่านอย่างระมัดระวัง: https://github.com/dailydotdev/.github/blob/master/contributing.md

โครงการ bootstrap

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

npm i -g [email protected]
pnpm install

เรียกใช้ส่วนขยายในพื้นที่

ตัวอย่างสำหรับ Chrome:

• เรียกใช้ pnpm --filter extension dev:chrome ในไดเรกทอรีราก
• เปิดโครเมี่ยมและไปที่ chrome://extensions/
• เปิดใช้งาน Developer mode ที่มุมขวาบน
• คลิกที่ Load unpacked และเลือก packages/extension/dist/chrome โฟลเดอร์
• ควรโหลดส่วนขยายและคุณควรจะเห็นมันในรายการส่วนขยาย
• เปิดใช้งานส่วนขยายอย่าลืมปิดการใช้งานเมื่อคุณทำเสร็จ
• ปิดใช้งานส่วนขยายการผลิตหากคุณติดตั้งเนื่องจากอาจทำให้เกิดความขัดแย้ง