อะไรคือความแตกต่างระหว่าง Django และ React? คุณสามารถรวม Django & React เพื่อการพัฒนาเว็บได้เมื่อใด
เผยแพร่แล้ว: 2022-10-03React.js หรือที่เรียกกันทั่วไปว่า React เป็นไลบรารี JavaScript สำหรับการพัฒนาเว็บแอปยุคใหม่ รวมถึง Single Page Applications และเว็บแอปแบบไดนามิก นักพัฒนาเว็บชอบ React เพราะมันช่วยให้คุณสร้างเว็บแอปด้วย UI ที่มีส่วนร่วม และสิ่งนั้นก็เช่นกัน โดยใช้ความพยายามเพียงเล็กน้อยและเขียนโค้ดน้อยลง สิ่งนี้ทำให้การพัฒนาเร็วขึ้น นอกจากไลบรารี React.js แล้ว ระบบนิเวศของ React ยังมีเฟรมเวิร์กยอดนิยมที่เรียกว่า React Native ซึ่งใช้สำหรับสร้างแอปมือถือข้ามแพลตฟอร์มที่เหมือนเนทีฟ ทั้ง React Native และ React ช่วยอำนวยความสะดวกในการพัฒนา front-end และได้รับการยกระดับจากผู้เล่นรายใหญ่หลายรายรวมถึง Facebook, Instagram, Yahoo, PayPal และ Netflix
ในทางกลับกัน Django เป็นเฟรมเวิร์กโอเพ่นซอร์สฟรีที่ใช้ Python เฟรมเวิร์กระดับไฮเอนด์นี้มาพร้อมกับความสามารถแบ็กเอนด์ที่ยอดเยี่ยม และเป็นตัวเลือกที่เหมาะสมสำหรับการพัฒนาแอปและเว็บไซต์ เฟรมเวิร์ก Django ถูกใช้โดยบริษัทยักษ์ใหญ่หลายแห่ง เช่น YouTube, Spotify, Instagram และ Disqus
โพสต์นี้สำรวจข้อเสนอเฉพาะของ React & Django เป็นเฟรมเวิร์กการพัฒนาเว็บ บทความนี้ยังกล่าวถึงเมื่อควรพิจารณารวมเฟรมเวิร์กเหล่านี้เพื่อสร้างเว็บไซต์หรือแอพและขั้นตอนการพัฒนาที่สำคัญที่เกี่ยวข้องในกระบวนการนี้
ปฏิกิริยา
ข้อเสนอที่สำคัญ
React เป็นไลบรารี่ที่เรียบง่ายและเข้าใจได้ง่าย React มาพร้อมกับฟีเจอร์การเชื่อมโยงข้อมูลแบบทางเดียวที่ช่วยให้แอปทั้งหมดไหลไปในทิศทางเดียว ด้วยเหตุนี้ คุณจึงสามารถควบคุมแอปของคุณได้ดียิ่งขึ้น เว็บไซต์หรือแอป React ถูกแบ่งออกเป็นองค์ประกอบต่างๆ และแต่ละองค์ประกอบจะกำหนดมุมมอง DOM เสมือนของ React ช่วยให้นักพัฒนาสามารถใช้การเรนเดอร์ฝั่งเซิร์ฟเวอร์โดยไม่ต้องอัปเดตมุมมองทุกครั้ง นอกจากนี้ React ยังเป็นมิตรกับ SEO ซึ่งแตกต่างจากเฟรมเวิร์ก JavaScript อื่นๆ
ประโยชน์
- เส้นโค้งการเรียนรู้ที่ง่าย
React เกี่ยวข้องกับช่วงการเรียนรู้ที่ง่าย และช่วยให้นักพัฒนาสามารถสร้างแอปพลิเคชันแบบ isomorphic ได้ แอป Isomorphic สามารถสร้างได้โดยใช้โค้ดเดียวกันสำหรับส่วนประกอบแอปส่วนหน้าและส่วนหลัง
- การพัฒนาอย่างรวดเร็ว
ระบบนิเวศของ React มีเทมเพลต ไลบรารีส่วนประกอบ และแพ็คเกจเพิ่มเติมมากมายสำหรับการพัฒนาซอฟต์แวร์ ดังนั้นนักพัฒนา React ไม่จำเป็นต้องลงทุนเวลาและความพยายามในการสร้างสรรค์วงล้อใหม่ นอกจากนี้ ความสามารถของ React ในการนำส่วนประกอบที่ใช้ในแอพอื่น ๆ ที่มีคุณสมบัติคล้ายคลึงกลับมาใช้ซ้ำยังช่วยให้เวลาสู่ตลาดเร็วขึ้นอย่างมาก
- การใช้งาน JSX
React พิสูจน์แล้วว่าเป็นประโยชน์สำหรับการสร้างเว็บแอปแบบไดนามิก โดยเฉพาะอย่างยิ่งที่เกี่ยวข้องกับสตริง HTML ที่เงอะงะและต้องการการเข้ารหัสที่ซับซ้อน ที่นี่ การใช้ JSX ซึ่งเป็นไวยากรณ์ HTML เฉพาะ ทำให้ React มีความได้เปรียบในการแข่งขันเหนือผู้อื่น JSX ทำให้แอปไวยากรณ์แท็ก HTML และเครื่องหมายคำพูด HTML สามารถแสดงส่วนประกอบย่อยเฉพาะได้ JSX ยังช่วยให้สามารถสร้างส่วนประกอบที่กำหนดเองได้ตามความต้องการของโครงการ
- Virtual DOM
ฟังก์ชันการทำงานของ DOM (Document Object Model) เป็นอีกหนึ่งข้อเสนอที่ไม่เหมือนใคร เมื่อทำงานกับ HTML ธรรมดาและเชื่อมต่อกับ JavaScript คุณต้องทำงานกับองค์ประกอบ HTML ที่พร้อมใช้งานบนหน้า ดังนั้น เมื่อใดก็ตามที่คุณใช้การเปลี่ยนแปลง คุณจะต้องแสดงหน้าใหม่ตั้งแต่ต้น การมีอยู่ของ DOM เสมือนใน React ช่วยให้นักพัฒนาสามารถระบุส่วนที่ได้รับการแก้ไข นักพัฒนาจึงทำการเปลี่ยนแปลงและแสดงผลเฉพาะส่วนที่เฉพาะเจาะจงของแอปอีกครั้ง ความสามารถที่แตกต่างนี้ช่วยเร่งความเร็วของกระบวนการทั้งหมดโดยสิ้นเชิง
- ส่วนเสริม
React มาพร้อมกับส่วนขยาย Redux ที่ให้คุณจัดการสถานะได้อย่างง่ายดายและปลอดภัย นอกจากนี้ยังมีเครื่องมือสำหรับนักพัฒนาที่สะดวกสำหรับการดีบักและตรวจสอบสถานะ
นี่คือวิธีที่การใช้ Redux ช่วยอำนวยความสะดวกในการจัดการสถานะและช่วยในการอัปเดตประวัติระหว่างส่วนประกอบต่างๆ!
จังโก้
ข้อเสนอที่สำคัญ
กรอบงาน Django มีความน่าเชื่อถือ ปรับขนาดได้ และเร่งการพัฒนา Django นำเสนอโมดูลที่นักพัฒนาใช้ในการสร้างเว็บไซต์และแอปพลิเคชันจากแหล่งข้อมูลที่มีอยู่โดยไม่จำเป็นต้องเขียนโค้ดตั้งแต่ต้น ความชัดเจนทางสถาปัตยกรรมของเฟรมเวิร์กนี้และโครงสร้างที่ใช้งานง่ายช่วยให้คุณสร้างการออกแบบเว็บที่สะอาดและใช้งานได้จริง นอกจากนี้ยังมาพร้อมกับคุณสมบัติขั้นสูงมากมาย เช่น การสนับสนุนการตรวจสอบสิทธิ์ แผงผู้ดูแลระบบ กล่องความคิดเห็น รองรับการอัปโหลดไฟล์และการจัดการแอปพลิเคชัน ฯลฯ ที่พิสูจน์แล้วว่าเป็นประโยชน์สำหรับการพัฒนาเว็บ
สถาปัตยกรรม
กรอบงาน Django ขึ้นอยู่กับสถาปัตยกรรม MVT สถาปัตยกรรม MVT ค่อนข้างคล้ายกับสถาปัตยกรรม MVC (รุ่น มุมมอง และตัวควบคุม) ข้อแตกต่างเพียงอย่างเดียวคือ Django ใช้ "เทมเพลต" เพื่อดำเนินงานที่ดำเนินการโดย "คอนโทรลเลอร์" ไฟล์ “เทมเพลต” นี้เป็นการผสมผสานระหว่าง HTML และ DTL (ภาษาเทมเพลต Django)
ประโยชน์
- ใช้งานง่าย & ส่วนเสริมที่มีประโยชน์
Django เกี่ยวข้องกับช่วงการเรียนรู้ปานกลางและกำหนดค่าได้ง่าย Django ภูมิใจนำเสนอเอกสารที่ครอบคลุม บทช่วยสอนนับไม่ถ้วน และชุมชนที่มีชีวิตชีวาเพื่อช่วยเหลือนักพัฒนา นอกจากนี้ยังมีส่วนเสริมมากมาย ไลบรารีที่ไม่ซ้ำกัน และแพ็คเกจที่มีรหัสที่สร้างไว้ล่วงหน้า โดยสรุป เฟรมเวิร์ก Django มีทุกสิ่งที่คุณต้องการสำหรับการพัฒนาเว็บแอป กรอบงานยังสามารถจัดการงานพัฒนาเว็บได้เกือบทุกงาน รวมถึงการรับรองความถูกต้องของผู้ใช้ การจัดการเนื้อหา แผนผังไซต์ และฟีด RSS
- REST Framework
เฟรมเวิร์ก REST (Representational State Transfer) ของ Django เป็นอีกหนึ่งข้อเสนอที่สำคัญ! เมื่อใช้ REST เราสามารถสร้าง API ที่กำหนดเองได้เมื่อพัฒนาแบ็กเอนด์ของเว็บแอป API ของเว็บเหล่านี้แข็งแกร่ง ปรับขนาดได้ และหลากหลาย ด้วยความสามารถในการปรับขนาดได้สูงของเฟรมเวิร์ก REST คุณจึงสามารถสร้างโปรเจ็กต์ขนาดเล็กได้ตั้งแต่เริ่มต้นและหลังจากนั้นจึงค่อยดำเนินการพัฒนาแอปที่ซับซ้อนซึ่งสามารถรองรับข้อมูลจำนวนมากและปริมาณการใช้งานของผู้ใช้ที่สูงได้
- Python
Django เป็นเฟรมเวิร์กที่ใช้ Python และ Python เป็นภาษาการเขียนโปรแกรมเชิงวัตถุที่มีความเข้ากันได้ข้ามแพลตฟอร์ม มันพิสูจน์แล้วว่าเป็นประโยชน์ต่อนักพัฒนาเนื่องจากมีความเก่งกาจ มีโค้ดน้อยกว่า และไวยากรณ์เหมือนภาษาอังกฤษ นอกจากนี้ Python ยังช่วยให้การนำอัลกอริธึม Machine Learning ไปใช้งานในแอปพลิเคชันง่ายขึ้น
- การจัดการฐานข้อมูล
Django ทำงานร่วมกับฐานข้อมูลที่สำคัญส่วนใหญ่ ดังนั้น คุณจึงมีความยืดหยุ่นในการใช้ฐานข้อมูลที่เหมาะสมที่สุดตามความต้องการของโครงการ กรอบงาน Django ยังสามารถทำงานกับฐานข้อมูลหลาย ๆ ตัวพร้อมกันได้ อินเทอร์เฟซ CRUD แบบไดนามิกของ Django ช่วยให้คุณจัดการเว็บไซต์ขนาดใหญ่ที่ขับเคลื่อนด้วยฐานข้อมูลได้อย่างง่ายดาย เช่น ระบบ B2B CRM ร้านค้าอีคอมเมิร์ซ ฯลฯ ในที่นี้ CRUD หมายถึง การสร้าง การอ่าน การอัปเดต และการลบ
- ความเก่งกาจ
กรอบงาน Django ได้พิสูจน์ความสามารถในการพัฒนาแอพและเว็บไซต์สำหรับอุตสาหกรรมที่หลากหลาย เช่น ระบบอัตโนมัติอัจฉริยะ การคำนวณทางวิทยาศาสตร์ การจัดการองค์กร และการจัดการเนื้อหา
- ความปลอดภัย
Django นำเสนอการรักษาความปลอดภัยระดับสูงที่ปกป้องเว็บไซต์/แอพของคุณจากการโจมตีทางไซเบอร์ เช่น XSS, Clickjacking, SQL Injection, CSRF เป็นต้น
เปรียบเทียบ React & Django
ตรวจสอบข้อแตกต่างระหว่าง React & Django!
Django เป็นเฟรมเวิร์กการพัฒนาเว็บที่ใช้ Python ในขณะที่ React เป็นไลบรารี JavaScript สำหรับการพัฒนาส่วนหน้า React เป็นที่นิยมมากกว่าและเรียนรู้และเข้าใจได้ง่ายกว่าเฟรมเวิร์ก Django อย่างไรก็ตาม การรักษาความปลอดภัยที่นำเสนอโดย Django นั้นสูงกว่ามากเมื่อเทียบกับ React React เหมาะสำหรับการพัฒนาแอพขนาดเล็กและขนาดใหญ่ ในทางกลับกัน Django ไม่ถือว่าเป็นตัวเลือกที่ดีสำหรับการสร้างแอปขนาดเล็ก
ทั้ง React & Django สัญญาว่าจะพัฒนาเว็บอย่างรวดเร็ว แต่กลยุทธ์ของพวกเขาแตกต่างกัน Django นำเสนอเทมเพลต มาตรฐาน และนโยบายเครื่องมือสำเร็จรูปเพื่อการพัฒนาที่รวดเร็วยิ่งขึ้น React ได้ผลลัพธ์เดียวกันโดยจัดเตรียมฟังก์ชันโค้ดที่ใช้ซ้ำได้ ผู้สร้างแอปใช้เฟรมเวิร์ก Django เนื่องจากความสามารถในการสร้างและเผยแพร่แอป ใช้ React เนื่องจากช่วยลดความยุ่งยากในการรวมโปรแกรม
การใช้ Django & React ร่วมกันเพื่อการพัฒนา Mobile/Web App
การผสมผสานข้อเสนอเฉพาะของ React และ Django สำหรับการพัฒนามือถือและเว็บแอปพลิเคชันล่ะ? การใช้ Django เป็นเฟรมเวิร์กแบ็กเอนด์และ React เป็นเฟรมเวิร์กส่วนหน้าเป็นวิธีที่ได้รับความนิยมสำหรับการพัฒนาเว็บ อย่างไรก็ตาม สำหรับการพัฒนาแอพมือถือ คุณต้องใช้ React native เป็นเฟรมเวิร์กส่วนหน้า มาสำรวจข้อเท็จจริงเพิ่มเติมเกี่ยวกับการพัฒนาเว็บแอปด้วย React และ Django!
เมื่อใดที่คุณควรพิจารณารวม Django & React?
กรอบงาน Django นำเสนอทุกสิ่งที่จำเป็นสำหรับการพัฒนาเว็บ มันสามารถจัดการทุกงานได้ตั้งแต่ฐานข้อมูลจนถึง HTML สุดท้ายที่ส่งไปยังไคลเอนต์ เหตุใดจึงต้องรวมเข้ากับ React
สำหรับการสร้าง SPA React เป็นตัวเลือกที่เหมาะสมที่สุดสำหรับการพัฒนาส่วนหน้า SPA คือเว็บแอปที่โหลดเนื้อหาแบบไดนามิกตามคำขอของผู้ใช้ ที่นี่ ผู้ใช้ขอเนื้อหาเท่านั้นแทนที่จะขอให้เซิร์ฟเวอร์โหลดทั้งหน้า ดังนั้น หน้า SPA จึงไม่รีเฟรชเลย ซอฟต์แวร์เพิ่มทรัพยากรตามคำขอของผู้ใช้หรือดึงรหัสโดยการโหลดหน้าเดียว ตอบสนองได้อย่างลงตัวกับความต้องการในการพัฒนาแอปประเภทนี้ เนื่องจากสนับสนุนคุณลักษณะการกำหนดเส้นทาง (การข้ามระหว่างหน้า) นอกเหนือจากสารพัดอื่นๆ และความสามารถด้านแบ็กเอนด์ของ Django นั้นได้รับการยกระดับเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด
โดยสรุป Django & React เป็นการผสมผสานระหว่างส่วนหลังและส่วนหน้าที่ยอดเยี่ยมสำหรับการพัฒนาเว็บแอปแบบโปรเกรสซีฟ (PWA) หรือแอปพลิเคชันหน้าเดียว (SPA) ที่นี่ แบ็กเอนด์และฟรอนต์เอนด์กลายเป็นโปรเจ็กต์ที่แยกจากกัน การสื่อสารและการแลกเปลี่ยนข้อมูลระหว่างสองโครงการนี้เกิดขึ้นผ่าน API
ประโยชน์ของการรวม Django & React
คุณสามารถรวมเฟรมเวิร์ก Django เข้ากับ React.js ได้อย่างง่ายดายด้วยการใช้ไฟล์สแตติก ชุดค่าผสมนี้ช่วยให้มีความยืดหยุ่น เปิดใช้งานการปรับแต่งระดับสูง & ช่วยลดความยุ่งยากในการจัดการรหัสสำหรับส่วนหน้าและส่วนหลัง คุณยังสามารถเพิ่ม AngularJS หรือ VueJS ให้กับบางบล็อกได้โดยไม่ต้องแก้ไขโครงสร้างที่สร้างไว้ล่วงหน้า ข้อดีที่สำคัญอีกประการของแนวทางนี้คือการแยกส่วนหน้าและส่วนหลัง วิธีการนี้จะแยกส่วนต่อประสานทั้งสองออกในทางที่ดีขึ้น ทีมพัฒนาสามารถทำงานแยกจากกันในโดเมนของตน ส่งผลให้แอป/เว็บไซต์โหลดเร็วขึ้น และการทดสอบ การตรวจจับจุดบกพร่อง และการแก้ไขข้อบกพร่องกลายเป็นเรื่องง่าย
การพัฒนาเว็บแอพโดยใช้ Django & React Combination: Key Steps
นี่คือขั้นตอนสำคัญที่เกี่ยวข้องกับการพัฒนาเว็บแอปโดยใช้ชุดค่าผสม Django & React!
ขั้นตอนที่ #1: ตั้งค่า Python
เปิด IDE ที่คุณเลือกลงในไดเร็กทอรีว่าง ตั้งชื่อไดเร็กทอรี และสร้าง venv ด้วยการเข้ารหัสที่จำเป็น ใช้คำสั่งของ python หรือ pip เมื่ออยู่ใน venv. ใช้คำสั่งเช่น python3 & pip3 เมื่ออยู่นอก venv
ขั้นตอนที่ #2: ติดตั้ง Django
ตอนนี้ เริ่มกระบวนการติดตั้ง Django สำหรับสิ่งนี้ คุณต้องเรียกใช้คำสั่ง pip install django djangorestframework django-cors-headers ภายใน venv ของคุณ ที่นี่ เรากำลังติดตั้งการพึ่งพา API อีกสองรายการ การพึ่งพาครั้งแรกคือ Django REST Framework; เป็นชุดเครื่องมือที่แข็งแกร่งและยืดหยุ่นซึ่งสร้าง Web API คนที่สองคือ django-cors-headers นี่คือแอปที่จัดการส่วนหัวของเซิร์ฟเวอร์ที่จำเป็นสำหรับ CORS การพึ่งพาทั้งสองนี้ช่วยให้นักพัฒนาเข้าถึง API จากแอปอื่นได้ พวกเขาช่วยในการเชื่อมต่อ Django & React
เราจะใช้คุณสมบัติ Django อีกสองอย่าง – “django-admin” และ “manage.py” – เพื่อสร้างการกำหนดค่าสำเร็จรูป อินเทอร์เฟซผู้ดูแลระบบอัตโนมัติของ Django "django-admin" เป็นเครื่องมือยูทิลิตี้บรรทัดคำสั่งที่มีประโยชน์ และสคริปต์ "manage.py" จะช่วยในการทำงานต่างๆ เช่น การจัดการฐานข้อมูล การสร้างตารางจากแบบจำลอง การสร้างโครงการ และการจัดการเวอร์ชัน & การโยกย้าย.
หลังจากนั้น คุณต้องเรียกใช้คำสั่งของ django-admin startproject django_react_proj ภายใน venv เพื่อสร้างโครงการ API เมื่อสร้างโปรเจ็กต์แล้ว ให้เริ่มกำหนดค่า Django โดยใช้ไฟล์ “manage.py” ภายในโฟลเดอร์ “django_react_proj/” ตอนนี้ เปิดไฟล์ ไปที่การกำหนดค่าที่ติดตั้ง INSTALLED_APPS แล้วทำการเข้ารหัส
ขั้นตอนที่ #3: เพิ่มโมเดลและมุมมองไปยัง Django
ด้วยสคริปต์ manage.py ให้สร้างไฟล์ที่ตั้งไว้ล่วงหน้า ใช้คำสั่ง django-admin startapp students นักเรียน/ โฟลเดอร์ถูกสร้างขึ้นพร้อมกับ views.py & models.py ตอนนี้ คุณต้องลบเนื้อหาที่มีอยู่ออกจากไฟล์ models.py และเพิ่มโมเดลของคุณตามความต้องการของโครงการ ตั้งค่าฟิลด์โดยใช้การกำหนดค่าและประเภทที่เหมาะสมที่คุณต้องการ ตัวอย่างบางส่วน ได้แก่ ความยาวสูงสุด การสร้างอัตโนมัติ คำอธิบาย ฯลฯ
ขั้นตอนที่ #4: ย้ายโมเดล Django ไปยังฐานข้อมูล
ตอนนี้ ใช้คุณสมบัติ "การย้ายข้อมูล" ที่ Django นำเสนอเพื่อส่งออกแบบจำลองของคุณไปยังฐานข้อมูล คุณลักษณะนี้ช่วยให้คุณสามารถนำการปรับเปลี่ยนที่คุณทำกับโมเดลของคุณไปใช้ในสคีมาฐานข้อมูล การปรับเปลี่ยนเหล่านี้สามารถเพิ่มฟิลด์ ลบโมเดล ฯลฯ ฟังก์ชันเหล่านี้ส่วนใหญ่เป็นแบบอัตโนมัติ อย่างไรก็ตาม คุณจำเป็นต้องรู้ว่าเมื่อใดที่จะดำเนินการย้ายข้อมูลและเรียกใช้สิ่งเหล่านั้น
ขั้นตอนที่ #5: สร้าง Django REST API และทดสอบปลายทาง
ที่นี่ คุณต้องสร้าง REST API บน REST Framework ของ Django คุณจะพบโลกหลักๆ ที่นี่คือมุมมองและ URL มุมมองเป็นจุดเริ่มต้นแรกของคำขอที่เริ่มต้นจากปลายทางเฉพาะ ปลายทางนี้ให้บริการโดย URL เมื่อคุณเชื่อมต่อฟังก์ชันกับปลายทางแล้ว REST Framework จะแมปทั้งหมด คุณต้องใช้เครื่องซีเรียลไลเซอร์ในการแปลงข้อมูลที่ซับซ้อน เช่น โมเดลอินสแตนซ์ & QuerySets เป็นประเภทข้อมูล Python ดั้งเดิม เพื่อให้สามารถแสดงผลเป็น JSON ได้อย่างง่ายดาย ตอนนี้ คุณต้องทดสอบปลายทางโดยใช้ “Browsable API” ซึ่งเป็นเอาต์พุต HTML ที่เป็นมิตรกับนักพัฒนาที่นำเสนอโดยเฟรมเวิร์ก Django API นี้ช่วยให้คุณสามารถเรียกดูทรัพยากรและใช้แบบฟอร์มเพื่อส่งข้อมูลไปยังทรัพยากรได้อย่างง่ายดาย
ขั้นตอนที่ #6: สร้างแอปตอบโต้
สำหรับการสร้างแอป React ให้ติดตั้ง Node & npm จากนั้นรันคำสั่ง npx create-react-app students-fe ลงในโฟลเดอร์รูทของโปรเจ็กต์ Django ตอนนี้ แบ่งส่วนหน้าของคุณออกเป็นส่วนประกอบที่เล็กลง
ขั้นตอนที่ #7: รวมแอป React กับ Django
ในการดำเนินการกระบวนการผสานรวมนี้ คุณต้องใช้ Bootstrap กับ React เพื่อจัดสไตล์พร้อมกับแพ็คเกจ reactstrap และไคลเอนต์ HTTP ที่อิงตามสัญญา "Axios" สำหรับการเรียกคำขอ HTTP ไปยัง Django API หลังจากนั้น คุณต้องทำงานกับองค์ประกอบส่วนหัว สร้าง NewStudentForm ทำงานบน Modal เพื่อแก้ไขข้อมูลนักเรียน สร้างรายชื่อนักเรียน และสร้างองค์ประกอบที่บ้านในที่สุด
ด้านล่าง
ฉันหวังว่าโพสต์นี้จะให้ข้อมูลเชิงลึกและคำแนะนำที่จำเป็นทั้งหมดแก่คุณสำหรับการใช้เฟรมเวิร์ก Django และไลบรารี React.js ร่วมกันสำหรับโครงการพัฒนาเว็บที่จะเกิดขึ้นของคุณ อย่างไรก็ตาม สำหรับการสร้างเว็บแอปที่ไร้ที่ติ คุณต้องแน่ใจว่าขั้นตอนการพัฒนาดำเนินการอย่างถูกต้อง และเว็บแอปได้รับการบำรุงรักษาและอัปเดตหลังการปรับใช้ ดังนั้น คุณต้องร่วมมือกับบริการพัฒนาแอป React Native ที่มีประสบการณ์ซึ่งจะให้บริการแบบครบวงจร