ใช้ React ทำเว็บ CRUD ข้อมูล ด้วย REST API [2022 Updated] | หมีไลฟ์โค้ด EP.36 โดย อ.พี่หมี

จาก medium ที่ผมเขียนฉบับปรับปรุงปี 2022 นะครับ / เขียน-react-และ-api-ทำ...
clip live code พื้นฐานในการสร้างหน้า Web โดยใช้ React เพื่อทำการ CRUD ข้อมูล ซึ่งประกอบไปด้วย Create (สร้าง), Read (อ่าน), Update (แก้ไข) และ Delete (ลบ) ข้อมูล ผ่านการเรียกใช้ API ตัวจำลอง ที่ให้บริการอยู่บนเว็บ www.melivecode... (เว็บผมเองครับ 5555)
ซึ่งเป็นการปรับปรุงเนื้อหาให้ล่าสุดจาก clip ที่ผ่านมาของผมนะครับ อัพเดท version ของ MUI ที่ปรับเยอะพอสมควร และ version ใหม่ของ react-router-dom@6 ครับ
สนับสนุนช่อง:
/ @melivecode
พื้นที่โฆษณา
link สำหรับซื้อของใน shopee: shope.ee/30HCT...
อ.ผศ.ดร.กานต์ ยงศิริวิทย์
วิทยาลัยนวัตกรรมดิจิทัลเทคโนโลยี มหาวิทยาลัยรังสิต (it.rsu.ac.th/th/)
Follow Me
RUclips: ‪@melivecode‬
Facebook Page : / melivecodepage
Medium: / karnyong
Free API : www.melivecode...
Facebook : / karnyong
Instagram: / melivecode
Email : [e-mail]
Music by Lesfm from Pixabay
#melivecode #react #crud #api

[@kittitachpromwan2053]

ขอบคุณมากครับอาจารย์
สอนดี เขาใจง่าย ทำตามได้เลยครับ ผมมือใหม่เพิ่งหัดเขียนครับ

[@siamhunterjet2618]

ผมเพิ่งเขียน ทำตาม อ. ก็ติดนั้น ติดนี้ สุดท้ายแค่ๆแกะ ไปเรื่อยๆ ตอนนี้ ก็ติดเรื่อง กดปุ๋ม Edit หรือ Del โปรแกรมไม่ทำงาน กำลังแกะทำ อ. ต่อไปครับ เพื่อนๆ คนกำลังฝึกเช่นกัน สามารถ แนะนำได้นะครับ ขอบคุณครับ ผมขอบคุณ อ. นะครับ ที่เป็นแนวทางให้ผม เขียน win app มา เจอ web app มึนตึบครับผม

[@jirapongpoomchan6881]

อยากให้สอน React ทำเว็บ CRUD ข้อมูล ด้วย REST API จาก database + fullstack login/register ด้วยครับ

[@kittisakphatchaiphongsa3177]

ดันครับ +++++

[@chayut_kliewklom]

รอตอนนี้มานานนนนนนน ชอบครับ เข้าใจง่ายดีครับอาจารย์

[@melivecode]

ขอบคุณมากครับ

[@imthakyp]

มีประโยชน์มากเลยครับ กำลังหัดเขียนโปรแกรมพอดี

[@melivecode]

ยินดีเลยครับ ขอบคุณครับ

[@TheMoocomp]

ขอบคุณครับอาจารย์ เป็นจุดเริ่มต้นของผมเลย

[@melivecode]

ดีเลยครับ ก้าวต่อไปอย่างแน่วแน่นะครับ

[@petekung1718]

กำลังศึกษาอยู่พอดีเลย ขอบคุณครับ

[@melivecode]

ลองดูนะครับ ขอบคุณครับ

[@narkornchaiwong9114]

อยากให้อาจารย์แนะนำการใช้ React ทำเป็น webAdmin แบบ login / api ดึง report แบบที่ผ่านมาครับ สามารถเป็นแนวทางใช้งานได้จริง ลดระยะเวลาด้านความสวยงามออกไปโดยใช้ Template adminLTE ประมาณนี้ครับผม เหมือนเป็นการรวมยอดแบบฝึกที่ผ่านมาไปในตัวครับ

[@melivecode]

รอดูคลิปถัดๆ ไปนะครับ 😃

[@howtoup]

ขอบคุณครับ อาจารย์ ตอนต่อไป ขอแบบ search ด้วยครับ

[@nattawootkhaosawang1050]

ขอสอบถามครับผม ตอน alert อ้ะครับผมต้องทำอย่างไรถึงจะโชว์ตัวเลขID ครับ ผมใช้ go(gin ,gorm) เขียน api ครับผม
#ขอขอบคุณล่วงหน้าครับ

[@nattawootkhaosawang1050]

คือจะดึงค่าไอดีมาโชว์ใน alert อ้ะครับผม

[@jengzy9209]

สอนเข้าใจง่ายครับ

[@melivecode]

ขอบคุณมากเลยครับ 😄

[@thanonhari9643]

อ. ครับ สอนสร้าง api server ได้ไหมครับ พร้อม login ขอบคุณครับ

[@melivecode]

ได้ครับ รอ clip ถัดๆ ไปนะครับ

[@moszaa010274]

อาจารย์ครับ เราสามารถใช้ vercel deploy ได้ปกติไหมครับ หรือต้องแก้อะไรมั้ย

[@melivecode]

ได้เลยครับ ไม่ต้องแก้ครีบ

[@rutchaphonkidkarn5217]

ขอบคุณอาจารย์มากๆครับ

[@JK-kg9qr]

อยากให้ใช้ vite ด้วยครับ

[@lilpux7390]

23:24

[@user-ow5ge7ti2o]

เราจะลบ เส้นใต้ ในคอลัมยังไงหรอครับ

[@redduckok8419]

เพิ่ม upload image ด้วยได้มั้ยครับ😍

[@tanch4142]

ทำไมผมลองใช้ Axios ในการ get ข้อมูลของ api ลิงค์ของอาจารย์แล้วนำมาโชว์ไม่ได้ครับ แต่ลิ้งค์ของเว็ปอื่นโชว์ได้ กำลังฝึกครับ ขอบคุณครับ

[@melivecode]

มี error มั้ยครับ เผื่อช่วยดูให้

[@somponghhy2501]

ขอบคุณมากครับ

[@hotviewlolopdungop8603]

สอน react cdn api หน่อยครับ

[@melivecode]

cdn api คือยังไงนะครับ 😅

[@hotviewlolopdungop8603]

CDN Links
Both React and ReactDOM are available over a CDN.

[@hotviewlolopdungop8603]

และ api มาใช้แบบ hook ครับอาจารย์

[@hotviewlolopdungop8603]

ไม่อยากใช้ node ในการติดตั้ง react ครับ อยากใช้ cdn link ครับ

[@pawarutmuang6940]

คุณคร้าาาาบบบบบบ

[@melivecode]

ยินดีครับ 😄

[@sheetapi6096]

npm ERR! missing script: start
npm ERR! A complete log of this run can be found in:
npm ERR! /home/it-teerapong/.npm/_logs/2022-11-03T05_13_26_809Z-debug.log