front end boilerplate

- อะไรอยู่ข้างใน?

1️⃣ รหัสหม้อน้ำ

พื้นที่เก็บข้อมูลนี้มีโค้ดสำเร็จรูปสำหรับทุกคนที่ต้องการสร้างเว็บไซต์แบบหลายหน้าซึ่งขับเคลื่อนโดยเครื่องมือที่ทันสมัยทั้งหมด เช่น:

• React - ไลบรารี JavaScript สำหรับสร้างส่วนต่อประสานกับผู้ใช้
• Redux - คอนเทนเนอร์สถานะที่คาดเดาได้สำหรับแอป JavaScript
• React Router - ชุดของส่วนประกอบการนำทาง
• Loco-JS-Model - เลเยอร์โมเดลที่ขาดหายไปสำหรับ JavaScript ลองดูสิ มันเป็นโซลูชันที่ดีสำหรับการจัดการทรัพยากร RESTful
• Babel - คอมไพเลอร์ JavaScript
• Webpack พร้อมปลั๊กอิน - ตัวรวมโมดูล
• Tailwind CSS - เฟรมเวิร์ก CSS เน้นยูทิลิตี้เป็นหลักซึ่งอัดแน่นไปด้วยคลาสต่างๆ
• Jest - กรอบการทดสอบ JavaScript ที่สวยงาม
• TestCafe - การทดสอบแบบ end-to-end ที่เรียบง่าย
• ลินเตอร์ส + สวยกว่า

หากต้องการดูรายการการขึ้นต่อกันทั้งหมด โปรดดูที่ package.json

- อาจเป็นตัวเลือกที่ดีสำหรับทุกคนที่คิดว่า Create React App นั้นซับซ้อนเกินไป และกำลังมองหาโซลูชันที่ได้รับการกำหนดค่าไว้ล่วงหน้าที่ตรงไปตรงมามากกว่าเพื่อทดลองใช้เครื่องมือทั้งหมดที่กล่าวมาข้างต้น

2️⃣ แอปตัวอย่าง

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

- การใช้งาน

ลบแอปตัวอย่างเพื่อเริ่มต้นใหม่:

npm run clear

เริ่มพัฒนาเว็บไซต์ของคุณเอง:

npm run start

ทำการทดสอบ:

npm run test

ตัดงานสร้างการผลิต:

npm run build

ใบอนุญาต

ใบอนุญาตเอ็มไอที

?? ผู้เขียน

ซบิกนิว ฮูเมเนียก จาก Art of Code