React, Redux та поширені помилки під час використання глобального стору

Поделиться
HTML-код
  • Опубликовано: 14 авг 2023
  • 👉 П'ятий випуск React Code Smells. Говоримо про типові помилки під час проектування та використання глобального стору на прикладі Redux.
    ✉️ Telegram: t.me/reactbeginners
    ❤️ Підтримати канал: opencollective.com/farstar
    💡Приклади з відео - github.com/Drag13/react-code-...

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

  • @user-rj9mn3in9g
    @user-rj9mn3in9g 8 месяцев назад

    Дякую за якісний контент! Дуже добре сприймається через рік після завершення курсів)

  • @user-cr8es6ix7m
    @user-cr8es6ix7m 10 месяцев назад +2

    Дякую

  • @vlk-2023
    @vlk-2023 10 месяцев назад

    Чудове пояснення

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

      Дякую!

  • @victorchei
    @victorchei 10 месяцев назад +1

    коротки, швидко і наглядко) чекаю нових відео!

  • @dmitriybraginets6750
    @dmitriybraginets6750 10 месяцев назад +1

    Досить непогано все розкладено. Я звісно місця про які можна дійсно дискутувати, як наприклад Store vs Props, але в цілому гарний опис доволі розповсюджених моментів!

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

      Дякую! Звісно, якщо даних поруч немає то куди від того редаксу дінешся. А якщо все що треба лежить в батьківському компоненті, то можливо пропсами передати простіше

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

    дуже дякую за чудовий урок і за прекрасний український контент. Одне дивую, чому так мало вподобайок і переглядів. Надіємось, що ситуація з такою несправедливістю виправиться)

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

      Дякую, теж хотілося б вірити)

  • @ankahorbova4065
    @ankahorbova4065 7 месяцев назад

    тяжко....для усвідомлення)))буду передивлятись кілька разів і чую не один місяць практикуватись, щоб зрозуміти як краще і перестати на практиці писати говнокод. іноді по відео зрозуміло, а до рук не завжди доходить)

    • @reactdev
      @reactdev  7 месяцев назад

      Нічого, через місяць будете дивитися на свій же код і питати хто його писав?)

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

    як завжди топ!!! Респект за українську

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

      Дяка!

  • @user-yl1sd9ye9y
    @user-yl1sd9ye9y 7 месяцев назад

    Стосовно 7 пункту і фільтрації безпосередньо у компоненті - не зовсім згоден. Я би краще обрав createSelector з тулкіта або реселекта і виконав фільтрацію там. Це забезпечить статичність даних і відсутність зайвих ререндерів, й окрім цього компонента лишається чистою. А взагалі - дякую за чудовий контент. Ви з Бабічем на зараз мої ТОП!)

  • @khrulenko.v
    @khrulenko.v 7 месяцев назад

    🟦🟦🟨🟨

  • @paemox
    @paemox 10 месяцев назад +1

    Головна помилка при використанні Redux - це його використання у 2023 році. Код на порядок спрощується, якщо взяти React Query. А Redux Saga - це зло в квадраті.

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

      З RTK + RQ він прямо набагато зручніше. Якщо чистий Redux то зло, то RTK+RQ вже можна миритися)

    • @paemox
      @paemox 10 месяцев назад +1

      @@reactdev Існує багато кращий за RTK менеджерів станів - MobX, Zustand та десятки інших.

    • @reactdev
      @reactdev  10 месяцев назад +1

      @@paemox
      Десятки це прямо цікаво. Не могли б ви назвати хоча б два десятки менеджерів станів кращих за Redux + обгрунтувати чим вони за нього краще?
      А якщо не чіплятися до слів (бо я так розумію з десятками ви для гарного слова сказали), то до критеріїв оцінювання треба обов'язково додавати ще й популярність та розповсюдженість. Тому що екосистема це теж велика перевага. І наявність вакансій також. Може бути ідеальний стейт менеджер, але якщо на ньому пише одна людина - він не потрібен в реальному житті.
      І тут Redux багато в кого виграє. До слова, на моєму проекті MobX і я ним більш ніж задоволений. Але об'єктивність ніхто не відміняв.

    • @paemox
      @paemox 10 месяцев назад +1

      @@reactdev Головний недолік Redux - це boilerplate код, також недоліком є імутабельність, глобальний стор, складний код. В більшості простих випадків навіть React Context кращий за Redux. Екосистема побудована на лайні є лайном. У більшості веб додатків стан зберігається на сервері, тому потрібен fetch manager, а не state manager, я б не писав би state manager у вимоги до вакансії. State manager - це не rocket science, краще мати простий (з можливістью контрибуції) і малопопулярний state manager, ніж таке лайно як Redux. Єдина перевага Redux - це якщо проект мертвий, то його не треба переписувати, у всіх інших випадках його треба позбуватися.