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

Поделиться
HTML-код
  • Опубликовано: 26 янв 2025

Комментарии • 33

  • @nanazap8348
    @nanazap8348 9 месяцев назад +1

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

  • @bait0ngxaxaxa
    @bait0ngxaxaxa 6 месяцев назад +1

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

  • @prokong.academy
    @prokong.academy 11 месяцев назад +1

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

    • @mikelopster
      @mikelopster  11 месяцев назад

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

  • @KKimSoulz
    @KKimSoulz 11 месяцев назад +2

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

    • @akekakong78
      @akekakong78 11 месяцев назад

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

    • @mikelopster
      @mikelopster  11 месяцев назад +3

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

  • @mynameji004
    @mynameji004 11 месяцев назад

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

  • @thanakronjantara6421
    @thanakronjantara6421 6 месяцев назад

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

  • @likitneeranatpuree3670
    @likitneeranatpuree3670 11 месяцев назад

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

  • @chaetsadakulawong7141
    @chaetsadakulawong7141 11 месяцев назад

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

  • @cruciomarshi4151
    @cruciomarshi4151 11 месяцев назад

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

    • @mikelopster
      @mikelopster  11 месяцев назад +1

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

    • @cruciomarshi4151
      @cruciomarshi4151 11 месяцев назад

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

  • @bastuzo6750
    @bastuzo6750 11 месяцев назад +1

    บูชาท่านเทพ

  • @spykj9085
    @spykj9085 11 месяцев назад

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

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

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

    • @mikelopster
      @mikelopster  11 месяцев назад

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

  • @suroya37
    @suroya37 11 месяцев назад

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

    • @mikelopster
      @mikelopster  10 месяцев назад

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

  • @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 มาอีกทีนะครับ

  • @jokerbanny
    @jokerbanny 11 месяцев назад

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

    • @mikelopster
      @mikelopster  11 месяцев назад

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

  • @ออริจินัลจูออน
    @ออริจินัลจูออน 11 месяцев назад

    Thanks !

  • @Thunder1231-d8p
    @Thunder1231-d8p 8 месяцев назад

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

  • @sitthichaibutakhian6753
    @sitthichaibutakhian6753 5 месяцев назад

    เยี่ยม

  • @thewaratkhonhan9012
    @thewaratkhonhan9012 11 месяцев назад

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

    • @mikelopster
      @mikelopster  11 месяцев назад +1

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

  • @skdev4649
    @skdev4649 11 месяцев назад

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

  • @ronassanai-.-6539
    @ronassanai-.-6539 9 месяцев назад

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

    • @mikelopster
      @mikelopster  9 месяцев назад

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