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

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

เรียนรู้การสร้างแอพพลิเคชัน React ที่มีประสิทธิภาพสูงและปลอดภัย ด้วยการจัดการสถานะ Redux และ Express

4.7 (3,890) ⏱ 1 ชม. 50 นาที 📚 11 บทเรียน

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

ขณะที่แอพพลิเคชัน React ด้านคลาวด์มีการตอบสนองกันอย่างสูง มันมักจะต้องทนทุกข์ทรมานจากเวลาโหลดที่ช้าและเครื่องมือค้นหาที่ไม่ดี การแสดงผลทางเซิร์ฟเวอร์ (SSR) แก้ไขปัญหาเหล่านี้ได้ แต่การรวม React, Redux และ React Router บนเซิร์ฟเวอร์ นำเสนอความท้าทายทางสถาปัตยกรรมที่ซับซ้อน หลักสูตรนี้จะนำคุณผ่านวงจรชีวิตของ SSR ทั้งหมด โดยสอนคุณเกี่ยวกับวิธีการสร้างแอพพลิเคชัน JavaScript แบบแข็งแรงและสมมาตร คุณจะเรียนรู้วิธีการปรับแต่งการโหลดข้อมูลบนเซิร์ฟเวอร์, รักษาสถานะบนคลาวด์อย่างปลอดภัย, จัดการการส่งผ่านระหว่างสองสภาพแวดล้อม, และปฏิบัติการการตรวจสอบสิทธิ์อย่างปลอดภัย ด้วยการเข้าใจรูปแบบเหล่านี้ คุณจะสามารถส่งมอบประสบการณ์การใช้งานเว็บที่รวดเร็วและเหมาะสมกับการค้นหาบนอินเทอร์เน็ตได้ คุณจะเรียนรู้อะไร - เข้าใจโครงสร้างพื้นฐานของ isomorphic และ universal JavaScript application - ปรับแต่ง Express และ Webpack เพื่อประสานงานการสร้างทั้งในเซิร์ฟเวอร์และคลาวด์ - จัดการสถานะของโปรแกรม โดยทำการซิงโครนซ์ Redux ระหว่างเซิร์ฟเวอร์และคลาวด์ - ใช้เทคนิคการป้องกันการโจมตีจากสคริปต์ข้ามเว็บไซต์ (XSS) - ทำการส่งรหัสผ่านของผู้ใช้อย่างราบรื่น ใช้ React Router ทั้งบนส่วนหน้าและส่วนหลัง - จัดการการตรวจสอบสิทธิ์ของเซิร์ฟเวอร์, คุกกี้ และการส่งต่อระหว่างกระบวนการแสดงผล - ปรับปรุงประสิทธิภาพและกลยุทธ์การดื่มน้ำ เพื่อให้ Core Web Vitals ดีขึ้น หลักสูตรนี้เริ่มต้นด้วยหลักการพื้นฐานของการแสดงผลบนเซิร์ฟเวอร์และสถาปัตยกรรมแบบไอโซมอร์ฟิก จากนั้นคุณจะเรียนรู้ขั้นตอนการเขียนคำอธิบายและตัวอย่างโค้ด เกี่ยวกับการจัดเส้นทาง, การจัดการสถานะ, วิธีการป้องกันความปลอดภัยที่ดีที่สุด, และกระบวนการตรวจสอบสิทธิ์ หลักสูตรนี้ออกแบบมาสำหรับนักพัฒนาเว็บที่เข้าใจพื้นฐานของ React, Redux และ Express แล้ว และต้องการที่จะเรียนรู้เกี่ยวกับโครงสร้าง SSR ระดับสูงแบบเต็มสแต็ค โดยไม่ต้องมีประสบการณ์ก่อนหน้านี้เกี่ยวกับ SSR เริ่มอ่านวันนี้เพื่อสร้างแอพพลิเคชัน React ที่รวดเร็ว, ปลอดภัย และเหมาะกับ SEO ตั้งแต่ต้น

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

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

รีวิว (6)

سلمان بن حمد آل خليفة BH ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2026-04-12T12:10:52+00:00

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

Katerina Petridou GR ผู้เรียนที่ยืนยันแล้ว
★ 5 · 2026-04-06T19:43:52+00:00

ดีใจที่ได้มาร่วมงานนี้ เนื้อหาที่ถูกแบ่งออกเป็นส่วนๆ ทำให้ความคิดที่ซับซ้อนดูเป็นเรื่องที่ควบคุมได้

Santiago Flores AR
★ 5 · 2025-06-12T03:20:52+00:00

โดยรวมค่อนข้างดี โครงสร้างสมเหตุสมผล ตัวอย่างก็มีประโยชน์หลายอย่าง บางส่วนน่าจะลงลึกกว่านี้หน่อย แต่ก็ถือว่าดีแล้ว

ليلى DZ ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-05-06T22:41:52+00:00

เนื้อหาแน่นหนาและนำเสนอได้ชัดเจน ฉันชอบการประยุกต์ใช้จริงที่แสดงให้เห็น น่าจะได้มีแบบฝึกหัดเพิ่มอีกสักหน่อย

Emiliano Ruiz CO ผู้เรียนที่ยืนยันแล้ว
★ 4 · 2025-04-21T10:30:52+00:00

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

Johanna Persson SE
★ 4 · 2024-12-06T07:12:52+00:00

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

เขียนรีวิว

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

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

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

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

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

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

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

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

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

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

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

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

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

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