การปรับขนาดแอพพลิเคชัน React ด้วยสถาปัตยกรรม Microfrontend

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

4.7 (9,867) ⏱ 50 นาที 📚 12 บทเรียน 🎧 เวอร์ชันเสียง

เกี่ยวกับคอร์สนี้

ขณะที่โปรแกรมส่วนหน้าเติบโต การดูแลฐานโค้ดแบบเดียวกันจะกลายเป็นอุปสรรคต่อความเร็วในการพัฒนาและความร่วมมือของทีม การเปลี่ยนแปลงไปใช้สถาปัตยกรรมส่วนหน้าขนาดเล็กจะช่วยให้ทีมทำงานทดสอบและใช้โค้ดได้อย่างอิสระ บทแนะนำนี้จะสอนคุณเกี่ยวกับการออกแบบ, สร้าง, และรวมระบบส่วนหน้าขนาดเล็กที่ใช้ React เข้าด้วยกัน คุณจะเข้าใจวิธีการแยกส่วนติดต่อผู้ใช้ที่ซับซ้อนออกเป็นส่วนย่อยที่สามารถจัดการได้และแยกออกจากกันได้ ขณะที่ยังคงให้ประสบการณ์ผู้ใช้ที่สมบูรณ์แบบ คุณจะเรียนรู้อะไร - เข้าใจหลักการพื้นฐาน ประโยชน์ และข้อเสียของสถาปัตยกรรม microfrontend - ปรับแต่งเทคนิคการรวมโมดูลสมัยใหม่เพื่อโหลดแอพพลิเคชัน React อย่างอิสระ - ปรับใช้กลยุทธ์การนำทางและนำทางที่แข็งแกร่ง ผ่านโมดูลฟรอนท์เอ็นด์ที่แยกออกจากกัน - จัดการสถานะที่ใช้ร่วมกัน, การสื่อสาร, และการตรวจสอบสิทธิ์แบบสมัยใหม่ระหว่างแอพพลิเคชันย่อยที่แยกออกจากกัน - สร้างระบบการพัฒนาที่อิสระ ใช้หลักการ CI/CD สมัยใหม่ และพื้นฐานของคอนเทนเนอร์ - ใช้รูปแบบการออกแบบสถาปัตยกรรมเพื่อป้องกันการชนกันของ CSS และความขัดแย้งของรุ่นที่ขึ้นอยู่ หลักสูตรนี้เริ่มต้นด้วยการอธิบายพื้นฐานและหลักการสถาปัตยกรรมก่อนที่จะนำคุณผ่านขั้นตอนการเขียนสถาปัตยกรรมที่เขียนขึ้นมา คุณจะพัฒนาจากแอพพลิเคชันที่แยกออกจากกันไปจนถึงการรวมเข้ากับระบบระดับสูง การแผนผังเส้นทาง และกลยุทธ์การกระจาย หลักสูตรนี้ถูกออกแบบมาสำหรับนักพัฒนาส่วนหน้าและวิศวกรซอฟต์แวร์ที่ต้องการปรับขนาดโปรแกรมของพวกเขา ไม่จำเป็นต้องมีประสบการณ์ก่อนหน้านี้กับส่วนหน้าขนาดเล็ก แต่แนะนำให้มีความเข้าใจพื้นฐานเกี่ยวกับ React และ JavaScript เริ่มอ่านวันนี้ เพื่อเรียนรู้ รูปแบบสถาปัตยกรรมที่ใช้ในการสร้าง โปรแกรมเว็ปสมัยใหม่

สิ่งที่คุณจะได้รับ

  • 📜 ใบประกาศนียบัตร
    เพิ่มในโปรไฟล์ LinkedIn ของคุณ
  • 🎧 รวมเวอร์ชันเสียง
    เรียนได้ทุกที่ ไม่ต้องดูจอ
  • ♾️ เข้าถึงตลอดชีพ
    กลับมาเรียนได้ตลอด ไม่มีหมดอายุ
  • 📱 โทรศัพท์หรือคอมพิวเตอร์
    ใช้งานได้ทุกที่ ทุกอุปกรณ์
  • 💸 คืนเงิน 30 วัน
    ไม่ต้องอธิบาย
  • กระชับและตรงประเด็น
    50 นาที เนื้อหาเชิงปฏิบัติ

รีวิว (7)

Davide Lombardi IT ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2026-04-09T00:38:52+00:00

เนื้อหาดีเลยค่ะ แม้ว่าบางโมดูลอาจจะลงรายละเอียดได้มากกว่านี้ แต่โดยรวมแล้วคุ้มค่าและนำไปใช้ได้จริง ทำได้ดีค่ะ!

سلمى بنت يوسف بن سعيد المري QA
★ 4 · 2025-12-14T18:16:52+00:00

เป็นการแนะนำที่ดีค่ะ ชอบขั้นตอนที่ชัดเจน แม้ว่าโมดูลหลังๆ น่าจะมีตัวอย่างมากกว่านี้อีกหน่อย

Erik Johansson SE
★ 3 · 2025-12-03T23:25:52+00:00

ค่อนข้างให้ข้อมูลดี ชอบตัวอย่างการนำไปใช้จริง แต่การตั้งค่าเริ่มต้นใช้เวลานานกว่าที่คิด

Dewi Lestari ID ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2025-11-28T19:32:52+00:00

เนื้อหาดี แต่ก็อยากให้แสดงตัวอย่างการใช้งานจริงมากกว่านี้ ถึงอย่างนั้นก็ถือเป็นการแนะนำที่ดี

André Neves PT ผู้เรียนที่ยืนยันแล้ว
★ 5 · 2025-10-12T07:08:52+00:00

เป็นการแนะนำหัวข้อที่ดี โครงสร้างมีตรรกะ และตัวอย่างส่วนใหญ่เกี่ยวข้องกัน ถึงแม้ว่าฉันจะหวังให้มีความลึกซึ้งมากขึ้นในบางพื้นที่

Budi Santoso ID ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-09-02T08:33:52+00:00

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

Laura Neumann AT ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2025-05-07T19:25:52+00:00

แนะนำได้ค่อนข้างดี ตัวอย่างมีประโยชน์ แต่ก็อยากให้มีแบบฝึกหัดมากกว่านี้ คุ้มค่ากับราคา

เขียนรีวิว

หลังจากส่ง เราจะขอให้คุณเข้าสู่ระบบ — ฉบับร่างของคุณถูกบันทึก

ผู้เรียนคนอื่นเรียน

Next.js App Router และการเรนเดอร์ผ่านภารกิจเชิงปฏิบัติ

สร้างรากฐานที่แข็งแกร่งใน Next.js โดยการสำรวจ App Router, กลยุทธ์การเรนเดอร์ที่ทันสมัย และ React Server Components ผ่านแบบฝึกหัดที่เป็นลายลักษณ์อักษรพร้อมคำแนะนำ
★ 4.9 (17)
$4.99$9.99

React Router 6: การนำทางและเส้นทางสำหรับเว็บแอปพลิเคชัน

ทำความเข้าใจวิธีการจัดการการนำทาง เส้นทางซ้อน และการจัดการข้อมูลในแอปพลิเคชัน React โดยการสร้างโปรเจกต์เช่าท่องเที่ยวเชิงปฏิบัติ
★ 4.8 (16)
$4.99$9.99

การแสดงผลบนเซิร์ฟเวอร์ด้วย React, Redux และ ExpressName

เรียนรู้การสร้างแอพพลิเคชัน React ที่มีประสิทธิภาพสูงและปลอดภัย ด้วยการจัดการสถานะ Redux และ Express
★ 4.7 (3,890)
$4.99$9.99

สร้างแอพพลิเคชันเว็บแบบไดนามิกด้วย React และ Firebase

เรียนรู้การสร้างส่วนติดต่อแบบตอบสนองและรวมบริการเบื้องหลังแบบทันเวลาเข้าด้วยกันสำหรับโปรแกรมหน้าเดียวสมัยใหม่
★ 4.7 (3,934)
$4.99$9.99

คำถามที่พบบ่อย

ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +

แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ

ฉันชำระเงินอย่างไร? +

ผ่านบัตรด้วย Stripe หรือคริปโต เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย

ฉันขอคืนเงินได้ไหม? +

ใช่ — คืนเงินเต็มจำนวนใน 30 วัน ไม่ต้องอธิบาย

ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +

ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด

ฉันจะได้ใบประกาศนียบัตรไหม? +

ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้

ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี ดีไซน์ การเงิน การตลาด สาธารณสุข การศึกษา ธุรกิจการบริการ อุตสาหกรรม