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

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

КОМЕНТАРІ • 33

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    บูชาท่านเทพ

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

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

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

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

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

    เยี่ยม

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

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

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

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

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

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

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

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

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

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

  • @ออริจินัลจูออน

    Thanks !

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • @mikelopster
      @mikelopster  7 місяців тому +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 มาอีกทีนะครับ

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

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

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

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

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

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

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

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

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

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

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

    ขอบคุณ คุณไมค์ครับ ()=> artwork สวย สอนดี มีมุขตลก