มาลอง React และ Redux กัน

Поділитися
Вставка
  • Опубліковано 9 січ 2025

КОМЕНТАРІ • 33

  • @bait0ngxaxaxa
    @bait0ngxaxaxa 6 місяців тому +1

    ดูตอนแรกงงๆกับ reducer เลยไปดูซีรีย์ vue ที่ใช้ pinia เป็น store แล้วจับคอนเซปต์เอา พอกลับมาดูใหม่เก็ตเลยครับ สุดยอดมากครับช่องนี้ 👍🙏🙏

  • @KKimSoulz
    @KKimSoulz 11 місяців тому +2

    ขอสอบถามหน่อยเป็นความรู้หน่อยครับ😂😂 ระหว่าง react-redux กับ react useContext แตกต่างกันยังไงครับ พอดีมองความแต่ต่างไม่ค่อยออกครับ😢😢 อย่าง react-redux เหมาะสำหรับการจัดการข้อที่ซับซ้อน แต่ useContext เหมาะสำหรับข้อมูลที่ไม่ซับซ้อน แค่นี้ไหมครับพอดียังงงๆกับสองอย่างนี้ครับตอบแทนได้นะครับๆ

    • @akekakong78
      @akekakong78 11 місяців тому

      ใช่ครับ อยากรู้ด้วย ตอนนี้ยังงงกับ useMemo useCallback มึนไปเลยจ้า

    • @mikelopster
      @mikelopster  10 місяців тому +3

      อันนี้เล่าแล้วเดี๋ยวยาวแฮะ ผมเก็บไปเล่าในหัวข้อใหญ่ๆ hook แทนนะครับ 😁
      แต่หลักๆคือ ความซับซ้อนจะต่างกัน เมื่อ state ที่จัดการผ่าน global เริ่มใหญ่ครับ useContext จะใช้ง่ายกว่า redux ก็จริง แต่จะ debug ยากกว่าเยอะมาก หากใช้กับ state จำนวนเยอะมาก (รวมถึง performance ในการส่งต่อระหว่าง state ด้วยครับที่ redux จะทำได้ดีกว่าหากเราไม่เซียนในการจัดการของ useContext)
      แนะนำว่า ถ้ากับ global state ไม่ใหญ่มาก useContext ก็ยังคงตอบโจทย์นะครับ แต่ถ้า state เริ่มใหญ่ ลองไป way อื่นอย่าง redux, zustand ที่มี debug tool จะช่วยงานเราให้งานเราง่ายกว่าการใช้ useContext นะครับ 😁

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

    สอนพวก callback memo หน่อยได้ไหมครับพอดีไม่เข้าใจว่าทำไมมันถึงจำเป็นต้องใช้ใันด้วยครับ ถ้าไม่มี กับมีมันต่างกันแค่ไหนหรอครับ

  • @prokong.academy
    @prokong.academy 11 місяців тому +1

    สนุกมากครับไมล์ ฟังจนคอแห้งแทนเลยครับ😊😂

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

      พลังมันเอ่อล้นครับ 😂

  • @mynameji004
    @mynameji004 11 місяців тому

    ขอบคุณครับ กำลังศึกษาพอดีเลยครับ ช่วยได้มากเลยครับ

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

    พูดน่ารักมากครับผมดูสบายดีพี่

  • @chaetsadakulawong7141
    @chaetsadakulawong7141 11 місяців тому

    finally !! มาสักทีพี่

  • @cruciomarshi4151
    @cruciomarshi4151 11 місяців тому

    ีสุดยอดเลยครับ ขอสอบถามเพิ่มเติมครับ การเข้าถึงข้อมูลด้วย useSelector กับเข้าถึงผ่าน store โดยตรง แตกต่างกันยังไงบ้างครับ

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

      ข้อดีใหญ่ๆของการเข้าถึงผ่าน useSelector คือ การ select store เฉพาะ state ที่เราสนใจและต้องการให้เปลี่ยนแปลง "เฉพาะตอน state นั้นเปลี่ยน" ได้ครับ แต่ถ้าเป็นการเข้าถึงผ่าน store ก็จะดักจับทุกการเปลี่ยนแปลงของ store นั้นครับ 😁

    • @cruciomarshi4151
      @cruciomarshi4151 10 місяців тому

      @@mikelopster ขอบคุณนะครับ เนื้อหาดีมากๆเลยครับ

  • @likitneeranatpuree3670
    @likitneeranatpuree3670 11 місяців тому

    ถ้าเทียบกับ vue แล้ว ก็คล้ายพวก pinia รึเปล่าครับ

  • @spykj9085
    @spykj9085 11 місяців тому

    ขอบคุณครับพี่ไมค์😁

  • @jokerbanny
    @jokerbanny 11 місяців тому

    คริปต่อไปขอ Explain Zustand ได้ไหมครับ

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

      Zustand มีโอกาหยิบมาเล่าแน่นอนครับ 😁

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

    รอคอร์ส react ครับ🥰

  • @suroya37
    @suroya37 11 місяців тому

    react-redux กับ react useContext ใช้คู่กันได้ไหมคะ

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

      ใช้คู่กันได้ครับ

  • @ลุงยุทธ์ยันกัญชา

    vuex pinia เหมือนกันมั้ยครับ

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

      ไม่เหมือนกันครับ Pinia จะเน้นไปที่ความเรียบง่ายของ state management โดยการดึง state ออกมาจาก component (คล้ายๆกันกับ hook) เพื่อให้จัดการร่วมกันระหว่าง component ง่ายขึ้น
      แต่ vuex จะพยายาม centralized state management ให้ state จัดการผ่าน vuex เพียงตัวเดียวด้วย concept อย่าง store (ไอเดียจะคล้ายๆกับ redux)
      ทั้ง 2 ตัวสามารถใช้ได้ทั้งคู่ครับ ขึ้นอยู่กับว่า state management แบบไหนเข้าใจง่ายกว่าสำหรับ application ของเรา ก็สามารถหยิบมาใช้ได้เลยครับ 😁

  • @armmiespotter
    @armmiespotter 10 місяців тому

    useReducer ต่างจาก redux ยังไงครับ

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

      จุดใหญ่ๆเลย
      - useReducer เป็นเพียง reducer function ของ React Hook ที่ใช้รวม state กับ action เข้าด้วยกัน
      - Redux เป็น library มีความสามารถของ reducer function + store (state แบบ global) ผสมเข้ามาครับ
      เพราะฉะนั้นจริงๆ Redux จะเป็น library ที่ทำการแปลงมุมมอง state ใหม่ทั้งหมดให้เป็น store + ใช้ reducer ในการจัดการแทน แต่ถ้าใช้ useReducer ก็จะได้เพียงแค่คุณสมบัติของ reducer function มาอย่างเดียวครับ ต้อง implement ร่วมกับพวก Context เพื่อให้ได้คุณสมบัติเหมือน store ใน redux มาอีกทีนะครับ

  • @bastuzo6750
    @bastuzo6750 11 місяців тому +1

    บูชาท่านเทพ

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

    เยี่ยม

  • @ออริจินัลจูออน
    @ออริจินัลจูออน 11 місяців тому

    Thanks !

  • @thewaratkhonhan9012
    @thewaratkhonhan9012 11 місяців тому

    ดูตอนแรกกำลังจะทักเลยทำไม ไม่เอา redux toolkit ตั้งแต่แรกเลย5555😂😂😂

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

      เราต้องค่อยๆไปแบบใจเย็น 😂

  • @skdev4649
    @skdev4649 11 місяців тому

    15:47 ผมนี่อย่างชอบเลย 555+

  • @ronassanai-.-6539
    @ronassanai-.-6539 9 місяців тому

    ขอน้องหมีหน่อยครับ :)

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

      แหงะ เบื่อแมวซะแล้ว 😂