ลอง Next.js 14 แบบ Quick overview กัน

Поділитися
Вставка
  • Опубліковано 23 сер 2024

КОМЕНТАРІ • 136

  • @mos_shr
    @mos_shr 8 місяців тому +31

    ช่องคุณภาพ❤ ผมดูมาเยอะ ให้ช่องนี้ที่1เลย เตรียมข้อมูลดีมาก พูดไม่ยืดเยื้อ มีแฝงอารมณ์ขัน เนื้อหาน่าสนใจ หลายๆคลิปผมดูไปชมไป สุดยอดจริงๆจากใจครับ

    • @mikelopster
      @mikelopster  8 місяців тому +1

      ขอบพระคุณที่เข้ามารับชมอย่างยิ่งเช่นกันครับ 😁

    • @beetpalm
      @beetpalm 8 місяців тому

    • @user-jh4fc3hs2o
      @user-jh4fc3hs2o 7 місяців тому

      เห็นด้วยครับ

  • @suwatthamsena6313
    @suwatthamsena6313 8 місяців тому +6

    ชอบมากครับ บันเทิงดี ยิ่งดู x1.5-x2 ยิ่งมัน ขอบคุณมากๆ นะครับ

    • @mikelopster
      @mikelopster  8 місяців тому +2

      คุณเป็นคนแรกเลยนะ ที่ดูความเร็วใกล้เคียงกับคนตัดต่อ 😆

    • @iqcangsama
      @iqcangsama 8 місяців тому

      ของไทยเราได้แค่1.5x อีกหูนึงฟังคลับเฮ้า แต่ถ้าคลิปฝรั่ง2x ดูเอาhint +คลับเฮ้า

  • @sikfreeze
    @sikfreeze 3 місяці тому +1

    เป็นช่องที่ฟังเพลินมากเลยครับ สอนเข้าใจง่ายได้ใจความดีมากเลยครับ

  • @bait0ngxaxaxa
    @bait0ngxaxaxa 2 місяці тому

    ทำไมเพิ่งมาเจอช่องนี้ !!!!!
    กราบงามๆเลยครับ อธิบายมันส์มาก และความรู้เนื้อๆทั้งนั้น ช่องคุณภาพของจริง 👍👍

    • @mikelopster
      @mikelopster  2 місяці тому

      ขอบคุณที่ชื่นชอบนะครับ

  • @mfinity168
    @mfinity168 8 місяців тому +2

    ถึงแม้ว่าพูดเร็วไปหน่อย
    ก็ได้ความรู้เต็มอิ่มจุก ๆ เลยครับ
    ขอบคุณครับ

  • @iheavymod592
    @iheavymod592 4 місяці тому

    เป็นช่องที่อธิบายดี ละเอียด และสนุกมากๆครับ ทำอีกเยอะๆนะครับ

  • @tar.sathabhorn
    @tar.sathabhorn 2 місяці тому +1

    ขอบคุณครับ ผมเริ่มจาก 0 ดูคลิปนี้วนๆไม่รู้กี่รอบ ตอนนี้ขึ้นโปรเจคได้และขายงานได้ภายใน 2 เดือน ขอบคุณสำหรับความรู้ครับ 🙏

    • @mikelopster
      @mikelopster  2 місяці тому

      แจ๋ว ได้ยินแบบนี้ชื่นใจครับ 😆

    • @tar.sathabhorn
      @tar.sathabhorn 2 місяці тому

      @@mikelopster 😍😍😍

  • @i-styletoonDev
    @i-styletoonDev 3 місяці тому

    สรุปเนื้อหาดีมากครับ กระชับ เนื้อเน้นๆ ฟังไม่ง่วงด้วย ดีมากครับ

  • @lubpui3418
    @lubpui3418 8 місяців тому +2

    อธิบายดีมากเข้าใจง่ายจัดๆ อยากเห็นทำเรื่อง DevOps หรือ DevSecOps เลยครับ ปล.แอบชอบความแมวในทุกองประกอบมากน่ารัก~~~~~

  • @chacritpoonpipit
    @chacritpoonpipit 8 місяців тому +1

    ขอบคุณครับ พูดเร็ว และ มีประโยชน์มากครับ ไม่ลีลา ติดตามแล้วครับ

  • @taladzodchannel9393
    @taladzodchannel9393 8 місяців тому

    ค้นคว้าข้อมูลมาดีมาก สรุปได้ง่าย ชัดเจน ไม่เยิ่นเย้อ ขอบคุณความรู้ดีๆ

  • @youngmillionaires4344
    @youngmillionaires4344 8 місяців тому

    เป็นช่องที่ดีและมีสาระมากครับ อยากให้ทำกลุ่มสำหรับพูดคุยด้วยครับ ขอบคุณครับ..

  • @Sound-karaoke
    @Sound-karaoke 6 місяців тому +1

    ขอให้ทำเนื้อหาของ NextJS ออกมาเรื่อยๆ เยอะๆ นะครับ ถือว่าเป็นภาษาที่ดีและน่าจะเป็นที่นิยมอย่างมากแน่นอนครับ

  • @kritsana6170
    @kritsana6170 8 місяців тому

    เป็นช่องที่ดูเเล้วต้องกดติดตาม คุณภาพมากครับ

  • @user-cw4jd4ry8g
    @user-cw4jd4ry8g 8 місяців тому +1

    ขอบคุณครับ อธิบายกระชับ เข้าใจง่ายมากครับ

  • @ChettaponMadwangseang-
    @ChettaponMadwangseang- 8 місяців тому

    ช่องอะไรคับเนี้ยยยย ดีโคตรรรร แน่น กระชับ ได้ใจความสุด ขอบคุณครับมีประโยชน์มากๆ

  • @teacherhack6441
    @teacherhack6441 7 місяців тому

    โึครตเด็ด!! จากใจ กระชับได้ใจความ สมอง ทำงานไม่มีพัก 😂!!!

  • @freud4973
    @freud4973 8 місяців тому

    อธิบายละเอียดมากครับ ใช้มา6เดือนพึ่งรู้ว่า layout ใช้ให้ถูกวิธียังไง😂

  • @vishsiriwatana25
    @vishsiriwatana25 4 місяці тому

    เนื้อหาดีมากเลยครับ อิ่มๆเลย :)

  • @KKimSoulz
    @KKimSoulz 8 місяців тому +1

    ดูจบเเล้วครับรอมานานมากครับ ดูตั้งเเต่คริปแรกๆ ดู vue ยังไม่จบครับ react มา next มาต้องดู next ให้จบเเล้วครับชอบช่องนี้มากๆ ครับ รอดูอยู่ครับบ😅😅😅

    • @KKimSoulz
      @KKimSoulz 8 місяців тому +1

      และที่สำคัญคือชอบปกคริปสุดๆ5555 แมวทุกคริปป

    • @mikelopster
      @mikelopster  8 місяців тому +1

      กว่าจะ prompt ได้แต่ละรอบ บางทีก็ไม่ใช่เรื่องง่าย 😂

    • @KKimSoulz
      @KKimSoulz 8 місяців тому

      @@mikelopster รอชมทุกคริปครับบบ (รอดูแมว5555)😄😄😄

  • @user-qz8fj1ep4h
    @user-qz8fj1ep4h 7 місяців тому

    ชอบนะครับ พูดจาฉะฉาน เหมือน เมาท์มทอยในวง สนทนาดี 555

  • @BAEJITA99
    @BAEJITA99 23 дні тому

    ขอบคุณมากๆ นะครับผม ติดตามๆ เลยค้าบบ

  • @user-xl8oz3px5p
    @user-xl8oz3px5p 4 місяці тому

    อธิบายดีมากๆ สนุกด้วยครับ

  • @MIKKUCN
    @MIKKUCN 2 місяці тому +1

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

  • @Mr.Athiwat
    @Mr.Athiwat 8 місяців тому

    เยี่ยมจริงๆ เนื้อหาดีมากครับ

  • @KabirSugoi
    @KabirSugoi 4 місяці тому

    ขอคำแนะนำหน่อยครับระหว่างทำnext.js ทั้ง font-back กับการทำ next.js font และ ใช้ nest.jsหรืออื่นๆเป็น back แบบไหนดีกว่า และมันเหมาะกับงานแบบไหนของการทำแต่ละแบบ

  • @jojoolo5333
    @jojoolo5333 6 місяців тому

    ขอบคุณครับ รักษาสุขภาพด้วยนะครับ
    🥰🥰

    • @mikelopster
      @mikelopster  6 місяців тому

      ขอบคุณมากนะครับ 😁

  • @nanazap8348
    @nanazap8348 8 місяців тому +8

    ปรับความเร็ว 0.75 คือเหมาะสำหรับมืิอใหม่ที่สุดครับ 55555 สมองรันตามไม่ทัน

  • @karunkalantabutra4398
    @karunkalantabutra4398 6 місяців тому

    เนื้อหาดีมากครับ ขอบคุณสำหรับความรู้

  • @secret1568
    @secret1568 6 місяців тому

    ชอบมากครับ อธิบายได้กระชับและฟังง่ายฟังเพลินดีคับ👍

  • @kanphatjamkrajang
    @kanphatjamkrajang 8 місяців тому +3

    พี่ไมค์ๆทำเป็น fullstack ซีรีย์แบบเดียวกับ vue firebase master classหน่อยครับ หลังจบ go ก็ได้นะครับไมติด😂😂เอาจริงๆผมชอบซีรีย์เรียนวันเสาร์พี่มากนะครับทำต่อไปนะครับผมจะได้มีprojectเข้าportfolioเพิ่ม

    • @mikelopster
      @mikelopster  8 місяців тому

      ok เดี๋ยวพี่ขอหาไอเดียก่อน 😂

  • @user-kz5xu7zu9o
    @user-kz5xu7zu9o 8 місяців тому +1

    อยากได้ลงลึกของ nextjs อีกครับ ขอบคุณมากครับบ

    • @mikelopster
      @mikelopster  8 місяців тому

      อยากได้หัวข้อไหนของ next.js เป็นพิเศษไหมครับ 😁

  • @golfsilly
    @golfsilly 8 місяців тому

    พัฒนาร่วมกับ
    Authentication : NextAuth
    Ui : Shadcn/ui + RadixUi
    Validation form : react hook form + zod
    หน่อยครับ

  • @worish9764
    @worish9764 2 місяці тому

    สอนดีมากเลยครับ แต่พอดีผมเขียนแบบ typescript เหมือนผมจะติดตรงเวลามีการ set cookies แล้วจะมีอาการ input field หน้า login มัน clear เองทั้ง email และ password ครั้งแรกที่ใส่ค่าถูกต้อง และตรง message ก็ได้ state ' ' ผมต้องตรวจสอบตรงไหนเพิ่มเติมหรอครับ ถ้าไม่ set cookies อาการนี้ไม่เกิดขึ้นเลยขึ้น login success

    • @mikelopster
      @mikelopster  2 місяці тому +1

      น่าจะเกี่ยวกับ state น้า ลอง recheck code ส่วนของ state ดู ปกติ ไม่ว่าจะเป็น js หรือ ts action การทำงานมันจะเหมือนกันเป๊ะๆเลย แค่ ts มี type มากำกับน้า

    • @worish9764
      @worish9764 2 місяці тому

      @@mikelopster โอ้ววขอบคุณครับเดะผมจะลองไปเช็คดู

  • @gapgamer7397
    @gapgamer7397 21 день тому

    อยากให้สอน deploy nextjs บน digital ocean หน่อยครับ

  • @BesTZaKunGG
    @BesTZaKunGG 3 місяці тому

    อธิบายดีงามมากครับ

  • @ronnakritcheinvichai9677
    @ronnakritcheinvichai9677 8 місяців тому

    มาเเล้ววว❤

  • @NaTeeMTeeM
    @NaTeeMTeeM 7 місяців тому

    สุดยอดมากครับ เนื้อหาแน่นกระชับ ตอนจบแอบอยากได้ build เป็น docker images ไปใช้งาน ว่าต้อง build แยกไหม client, server ถ้ามีโอกาสได้ขึ้นโปรเจคใหม่ next.js แน่นอนครับ

    • @mikelopster
      @mikelopster  7 місяців тому +1

      เดี๋ยวไว้ผมอาจจะหยิบมาเล่าน้า แต่พูดแบบเร็วๆมันคือ image nodejs นั่นแหละ เพียงแต่
      - ถ้า ไม่แยก client กับ server = image nodejs อันเดียว ใช้ร่วมกัน (เป็น SSR ร่วมกัน)
      - ถ้า แยก client กับ server = build เป็น 2 image ส่วนฝั่งของ client ก็อาจจะใช้เพียง nginx ในการ run หน้าเว็บออกมาได้

  • @Arona-nm8hl
    @Arona-nm8hl 8 місяців тому +1

    รอซีรีส์ยาวว❤ //รอบหน้าขอลองเพิ่ม dead air ให้หน่อยได้มั้ยครับ คัทชนแบบปัจจุบันนี้ ผมว่ามันไวไปไปนี๊ดนึงง หรืออยากให้เพิ่มจังหวะเว้นให้คิดตามหรือเขียนตามได้นิดหน่อยอะไรงี้อะครับ แต่ที่เหลือคือ the best!!

    • @mikelopster
      @mikelopster  8 місяців тому

      ขอบคุณมากนะครับบ เดี๋ยวผมรับไว้พิจารณาน้า 😁

    • @Arona-nm8hl
      @Arona-nm8hl 8 місяців тому

      @@mikelopster ชื่นชมงับ เดี๋ยวต้นเดือนมาซับรายเดือนให้เพิ่มครับ

    • @mikelopster
      @mikelopster  8 місяців тому

      @@Arona-nm8hl ขอบคุณที่สนับสนุนกันมากๆเลยนะครับ 🙏

  • @outdoornextdoor1756
    @outdoornextdoor1756 8 місяців тому

    ดูมาหลายคนมากๆ แต่คนนี้คือที่สุดจริงๆทั้งน้ำเสียง ท่าทางการอธิบาย เหมือน 9arm เลย แต่ดูเรียบง่ายกว่า

    • @mikelopster
      @mikelopster  8 місяців тому

      ขอบคุณมากครับ 9arm นี่ช่องโปรดผมเลย 😂

  • @saysamone6144
    @saysamone6144 6 місяців тому

    อยากให้พี่ทำคลิปแบบ การเริ่มต้นในการมาสาย dev ของพี่ด้วย อยาดฟังประสบการณ์และแนวทางในการเรียนด้วย❤

    • @mikelopster
      @mikelopster  6 місяців тому

      มีโอกาสมาเล่าสู่กันฟังแน่นอน 😁

  • @Rutthawit
    @Rutthawit 8 місяців тому

    ขอบคุณครับ ได้ความรู้มากๆ

  • @deknoino5
    @deknoino5 8 місяців тому

    ชอบมากเลยคับ อธิบายสนุกมาก

  • @Thanadit231
    @Thanadit231 2 місяці тому

    32:14 กำลังสงสัยว่า Server Component อยู่ฝั่ง server ทำไมถึงใช้ fetch ได้ ทั้งๆที่ fetch เป็นคำสั่งที่ทำงานฝั่ง client

    • @mikelopster
      @mikelopster  2 місяці тому

      คำสั่ง fetch ใช้ได้ทั้ง Server และ Client น้า เป็นมาตรฐานคำสั่งของ javascript ที่ใช้ได้ทั้ง 2 ฝั่งในการยิง request ออกไปด้านนอกนะครับ

  • @CXSORIOUS
    @CXSORIOUS 7 місяців тому

    ผมซึ่งกำลังงม อยู่กับตัว Server เพื่อใช้รัน Next.js :)

  • @nawin_po
    @nawin_po 8 місяців тому

    โครตดีครับ ทั้งจังหวะการอธิบาย หรือ example เป็น 1 ชั่วโมงที่ลื่นสุดๆ

    • @mikelopster
      @mikelopster  8 місяців тому

      บอกแล้ว next อ่ะของดี 😁

  • @gapgamer7397
    @gapgamer7397 4 місяці тому

    สอนดีมากครับ รบกวนสอนการใช้ daisyui หน่อยครับ

    • @mikelopster
      @mikelopster  4 місяці тому

      daisyui ลองดูพื้นฐานการใช้งานจากคลิปนี้ก่อนได้น้า อันนี้เป็นฉบับ Vue ก็จริง แต่วิธีใช้งานไม่ต่างกันนะครับ 😁
      ua-cam.com/video/1VC8ps7EI18/v-deo.html

  • @naijamesz
    @naijamesz 8 місяців тому

    และแล้วก็เข้าร่วมเป็นหนึ่งใน React community ซะแล้ววว

    • @mikelopster
      @mikelopster  8 місяців тому

      ผมอุทิศหัวใจดวงเดียวให้ React เสมอ 😂

  • @bunggoonesixeight8920
    @bunggoonesixeight8920 8 місяців тому +1

    พัฒนาร่วมกับใช้ Ant Design หน่อยครับ

    • @mikelopster
      @mikelopster  8 місяців тому +1

      น่าสนใจ ผมยังไม่เคยลองนะ เดี๋ยวขอลองไปเล่นก่อนนะครับ 😁

  • @anuwatpongtee1205
    @anuwatpongtee1205 5 місяців тому

    กระจ่างมาก ขอบคุณครับ

  • @JamesCasterMan
    @JamesCasterMan 7 місяців тому

    ภาพปกคลิปแมวสวยจังครับ แบ่งปันหน่อยได้มั้ยครับ จากใจทาสแมวคนหนึ่ง555

    • @mikelopster
      @mikelopster  7 місяців тому

      แมวทุกตัว เกิดจากการใช้ ChatGPT 4 generate ภาพหมดเลยย 😂 แนะนำถ้าอยากได้ทรงๆนี้ให้เพิ่ม "anime cat" ลงใน prompt ที่สร้างภาพขึ้นมาครับ แล้วใส่รายละเอียดลงไป จะได้ภาพทรงๆนี้ออกมาได้ครับ

  • @jamer2425
    @jamer2425 4 місяці тому

    คุณภาพมากครับ

  • @NattapongPUN
    @NattapongPUN 8 місяців тому

    อิอิ รอมานานแว้ววว

  • @tkankath
    @tkankath 8 місяців тому

    ของดี ขอบคุณมากครับ

  • @ad20112
    @ad20112 6 місяців тому

    เยี่ยมมากคั

  • @CrazDevelo
    @CrazDevelo 8 місяців тому

    อธิบายเรื่องยาวๆให้เข้าใจง่ายๆได้ดีมากเลยครับชื่นชม✌

  • @goo__ood
    @goo__ood Місяць тому

    ยกให้เป็นเนื้อหาที่โครตรดีสำหรับ Next.js ที่ได้เรียนรู้ในปีนี้เลยครับ

  • @rcpworld4013
    @rcpworld4013 8 місяців тому

    ขึ้น error ตรงทำหน้า actiion login ครับ
    key for the H 256 algorithm must be one of type KeyObject

    • @mikelopster
      @mikelopster  8 місяців тому

      แชร์จุด code ที่มีปัญหาเพิ่มเติมได้นะครับ

  • @jaisuperawesome
    @jaisuperawesome 8 місяців тому

    ปกติ next จะ โลหดจาก server ทุก page แล้วส่งไปที่ client หรือว่า จะโหลด เฉพาะ page ที่ request อะครับ ขอบคุณครับ ผมติดตามพี่แทบทุกคลิปเลยครับ

    • @mikelopster
      @mikelopster  8 місяців тому

      ปกติหลักการของ Next คือ
      - ถ้า page เป็น Server component = load จาก server ก่อนแล้วไป client
      - ถ้า page เป็น Client component = เปิด component มาอย่างเดียว (เหมือนเปิด React)
      ซึ่งปกติ default ของทุกหน้าของ Next เป็น Server component อยู่แล้ว ดังนั้นมันเลยจะโหลดจาก server ก่อนทุก page เสมอนะครับ (ถ้าไม่ได้มีการปรับหน้านั้นเป็น Client component เพื่อใช้ร่วมกับ State นะครับ)

  • @visaumnadkiatgul7841
    @visaumnadkiatgul7841 8 місяців тому

    ไม่ทำให้ผิดหวังจริงๆค้าบ

  • @j.boonyarit9843
    @j.boonyarit9843 8 місяців тому

    สุดยอดครับ

  • @thejin8429
    @thejin8429 8 місяців тому

    หลังจากขึ้นเรื่องใหม่ใน next ผมก็ตามฟังประมวลผลไม่ทันเลยครับ หลุดเป็นพักๆช่วง ตั้งแต่นาที 35เป็นต้นไปต้องปรับลดความไว้ลงแล้วเข้าใจไว้ขึ้นมากครับ
    รอบหน้าอยากพูดดึง framwork nest ได้ไหมครับ 5555555 ขอบคุณครับผม

    • @mikelopster
      @mikelopster  8 місяців тому

      ขอบคุณที่ดูจนจบเช่นกันนะครับ ผมจะขอรับ nest ไว้ในอ้อมอกอ้อมใจนะครับ 😆

  • @user-hl6ge4iq1i
    @user-hl6ge4iq1i 8 місяців тому

    อธิบายการทำ microservice ด้วยได้ไหมครับ พร้อมตัวอย่าง 😅

    • @mikelopster
      @mikelopster  8 місяців тому

      หัวข้อ microservice มีโอกาสได้แวะเวียนมาทำแน่นอนครับ 😁

  • @whatisthis9041
    @whatisthis9041 2 місяці тому

    ระหว่าง next.js กับ angular อันใหนดีคะ

    • @mikelopster
      @mikelopster  2 місяці тому

      ดีทั้งคู่น้า ขึ้นอยู่กับเราถนัด แต่ Next.js ก็จะได้เปรียบตรงที่เป็น Fullstack framework ในขณะที่ Angular จะเป็นเพียง Frontend framework ที่จะต้องหาส่วน Backend มาเพิ่มเติมนะครับ

  • @SafePawINTimeZ
    @SafePawINTimeZ 7 місяців тому

    ขอ nextjs ที่เป็น best pactice ทีครับ พวกระบบที่ คนส่วนไหญ่จะต้องทำแน่ๆ เช่น CRUD, authenticate

    • @mikelopster
      @mikelopster  7 місяців тому +1

      จริงๆ พวกนี้ไม่มี best practice น้า แต่ถ้าเป็นเคสพวกใช้ร่วมกับ authenticate เดี๋ยวอาจจะหยิบมาขยี้เพิ่มเติมนะครับ 😁

  • @theeranansiriphoka8058
    @theeranansiriphoka8058 8 місяців тому

    ขอคอนเทนต์ graphql หน่อยครับ

  • @cyp-channel
    @cyp-channel 4 місяці тому

    อยากจะรู้ว่า use sever มันรัน ffmpeg ได้ไหม

    • @mikelopster
      @mikelopster  4 місяці тому +1

      ผมไม่เคยใช้โดยตรงน้า แต่ที่อ่านมา เหมือนจะ support node.js ถ้า support ตัวนั้นได้ ก็สามารถทำงานได้ไม่มีปัญหาอะไรนะครับ

  • @yokeTH
    @yokeTH 7 місяців тому

    เพิ่งสังเกตว่า เป็น .js ไม่ใช่ .jsx แต่พอเป็น ts มันด่ายับเลย 🥹

    • @mikelopster
      @mikelopster  7 місяців тому

      ถ้าคิดจะเข้าโลก ts ละก็ คุณต้องเตรียมเจอกับสงครามนะ 😆

  • @icejmmm
    @icejmmm 8 місяців тому

    เป็นการสอนที่ใกล้เคียงกับใช้งานจริงที่สุด!!!

  • @Erdnalf
    @Erdnalf 8 місяців тому

    Next เดี๋ยวนี้ Powerful กว่าสมัยตอนเล่นเมื่อก่อนเยอะเลยแฮะ 0w0! (สมัยก่อนที่ว่า....น่าจะก่อนโควิดสักปีสองปีนี่แหละมั้ง ?)

    • @mikelopster
      @mikelopster  8 місяців тому

      ใช่แล้ว ผมลองตอน Next 12 มา พอมาอัพเดทตัวเองเป็น Next 14 ก็ว้าวหลายอย่างเหมือนกัน รู้สึกอยากลองเอามาพัฒนาจริงเลย 😁

  • @user-peaencom
    @user-peaencom 8 місяців тому

    content นี้ทำให้ผมกด join

  • @user-pc5yd1lp4w
    @user-pc5yd1lp4w 8 місяців тому

    เย้ๆ

  • @boynakub0027
    @boynakub0027 8 місяців тому

    สวัสดีครับ คุณไม้

  • @user-xh1cf8pg7n
    @user-xh1cf8pg7n 8 місяців тому

    👍👍👍👍👍

  • @copterbuddy
    @copterbuddy 8 місяців тому

    คอร์สที่ลอยคอ

    • @mikelopster
      @mikelopster  8 місяців тому

      รอคอย แฮร่!

  • @mettps1408
    @mettps1408 7 місяців тому

    ไม่เข้าใจตรง client component กับ sever component ครับ
    ผมเข้าใจถูกมั้ยว่า ใน 1 page มีได้หลาย component
    สมมุติว่า ใน page นั้นมี sever component เป็น parent component แล้วมี client component เป็น child component ใน page นั้นจะเป็น csr หรือ ssr ครับ
    แล้วถ้ากลับกันถ้า client component เป็น parent component แล้วมี server component เป็น child จะเป็น csr หรือ ssrครับ 😂😂😂งงมาก

    • @mikelopster
      @mikelopster  7 місяців тому

      ok อธิบายเพิ่มเติม 2 เคสนะครับ
      1. ถ้า Server component เป็น parent ของ Client component = เป็นการเรียกใช้ Component แบบ SSR ทั่วไป (จุดเริ่มต้นจะเปิดจาก Server ก่อนถึงจะไปสู่ Browser) โดยจังหวะที่เปิดขึ้นมา Server ก็จะทำการ render component ทั้ง component ตัวเองและ Client component ออกมา และหลังจากนั้น Client component ก็จะไปทำงานต่อเองหลังจาก render มาแล้ว (ให้นึกถึงหน้าเว็บที่มี html, css, javascript แยกเป็นของตัวเอง แล้วเราไปดึงมาใช้ Client component จะเป็นแบบนั้นแหละครับ)
      2. ถ้า Client component เป็น parent ของ Server component = ไม่สามารถทำได้ เนื่องจาก Server component มีคำสั่งจัดการจากฝั่งของ Server แต่จุดเริ่มต้นของ Client component คือ Browser (Browser > Server) จึงไม่สามารถทำเคสนี้ได้ เพราะ Browser ไม่สามารถใช้คำสั่งบน Server ได้
      ** ยกเว้นแต่ Server Action ที่มีวิธีการใช้ร่วมกันในฝั่ง Client Component นะครับ (แต่กรณี Server Action ให้มองง่ายๆเหมือน Client Component ยิง API ปกติครับ มันเลยจะยังคงเป็น CSR เหมือนเดิมนะครับ)

    • @mettps1408
      @mettps1408 7 місяців тому

      ​@@mikelopster ขอบคุณครับ

  • @praponchinchan448
    @praponchinchan448 8 місяців тому +1

    buy you a coffee

    • @mikelopster
      @mikelopster  8 місяців тому

      ขอบพระคุณสำหรับการสนับสนุนครั้งนี้มากนะครับ 😁

  • @wk18k
    @wk18k 8 місяців тому

    🥳🥳🥳🥳🥳🥳

  • @saysamone6144
    @saysamone6144 6 місяців тому

    ตอนเปิดคลิปมานึกว่ามือถือจอพัง ตรงขอบจอด้านล่างไมค์อ่ะ😅

    • @mikelopster
      @mikelopster  6 місяців тому

      ตัดพลาดไปนิสส 😂

  • @ChanchaiChakam
    @ChanchaiChakam 8 місяців тому

    พาฝึกแก้โค้ด javascript ใน leetcode หน่อยครับ

  • @bankthanaphat6240
    @bankthanaphat6240 8 місяців тому

    สนใจสอน spring boot ต่อไหมครับ 5555

    • @mikelopster
      @mikelopster  8 місяців тому +1

      ผมขอเก็บไว้เป็นไอเดียก่อนน้า 😁

  • @pok2765
    @pok2765 8 місяців тому

    ผมฟังไม่ค่อยทัน😅

    • @mikelopster
      @mikelopster  8 місяців тому

      มีประเด็นไหนอยากให้ขยี้เป็นพิเศษไหมครับ 😁

  • @nanazap8348
    @nanazap8348 8 місяців тому +1

    อาจารครับขอ nest angularด้วยครับ

  • @user-hv2tf2ih2r
    @user-hv2tf2ih2r 8 місяців тому

  • @jitpinanpaniwan9346
    @jitpinanpaniwan9346 8 місяців тому

  • @PurrCat101
    @PurrCat101 8 місяців тому