เรามาพิจารณากรณีปฏิบัติกันก่อน คุณกำลังพัฒนา Single Page App โดยใช้ React (และอาจจะเป็น Redux) คุณต้อง พิมพ์เอกสารบางส่วน การทำเช่นนั้นเป็นเรื่องง่าย คุณแสดงเพจแล้วให้ผู้ใช้กด CTRL และ P เอาล่ะ . พิมพ์หน้าแล้ว ปัญหาอยู่ที่ไหน? สมมติว่าคุณต้องการ (ควร) พิมพ์เอกสาร 2 ฉบับใน การวางแนวที่แตกต่างกัน หนึ่งในนั้นจะเป็นแนวตั้งและอีกแนวนอน แนวทางไร้เดียงสา กลับไปที่ตัวอย่างของเรา โดยใช้ Chrome 56.0 ไปที่ เอกสารแรก ที่มีเอกสาร กด CTRL + P จากนั้นเลือกโหมด แนวตั้ง :..

กรอบงานไฮบริด (SPA + SSR) คืออะไร? สิ่งที่ดีที่สุดของทั้งสองกรณีคือ หากคุณใช้วิธี SSR ในการแสดงผลหน้าเว็บล่วงหน้า เพื่อให้สามารถให้บริการแก่ผู้ใช้และโปรแกรมรวบรวมข้อมูลเว็บได้อย่างรวดเร็ว ขณะเดียวกันก็ทำให้หน้าเว็บเหล่านั้นโต้ตอบได้เมื่อโหลดผ่านวิธี SPA บริษัทบางแห่งได้นำสิ่งนี้ไปใช้โดยการรวมเฟรมเวิร์ก SSR แบ็กเอนด์เข้ากับเฟรมเวิร์ก SPA ส่วนหน้า เช่น การเรนเดอร์ฝั่งเซิร์ฟเวอร์ด้วย Node.js และการโหลดหน้า HTML ใน CDN จากนั้นให้หน้า HTML เหล่านั้นใช้ React เพื่อ ให้การโต้ตอบของสปา..

เมื่อคุณพัฒนาแอปพลิเคชันที่ใช้ส่วนประกอบขนาดใหญ่ ซึ่งมักจะสื่อสารและรับข้อมูลจากเซิร์ฟเวอร์ โครงสร้างของเพจ คุณสมบัติ และส่วนประกอบอาจขึ้นอยู่กับข้อมูลที่คุณได้รับโดยธรรมชาติ หากคุณโมดูลส่วนประกอบของคุณเป็นหน่วยอิสระขนาดเล็ก โดยแต่ละหน่วยรับผิดชอบพื้นที่หรือส่วนหนึ่งในเพจของคุณ คุณอาจมี package.json ที่เต็มไปด้วยการขึ้นต่อกัน โดยส่วนใหญ่แล้ว ยกเว้นส่วนประกอบ 'คงที่' ที่คุณประกาศ แอปพลิเคชันของคุณจะรู้ว่าองค์ประกอบใดที่จะแสดงผลใน 'รันไทม์'..