Структура React застосунку за 15 хвилин - Українською

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2024

ความคิดเห็น • 20

  • @sadcathsr
    @sadcathsr 10 หลายเดือนก่อน +4

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

    • @reactdev
      @reactdev  10 หลายเดือนก่อน

      Подивимось чи вдалося мені відповісти на ваш запит)) Напішть потім які враження, будь-ласка, бо боюся 15 хвилин може бути малувато.

    • @sadcathsr
      @sadcathsr 9 หลายเดือนก่อน

      Дякую, вдалося) в принципі за таким підходом і рухаюсь, бо вже є невеликий досвід. А от оці правила-підходи на початку відео я б собі виписала, бо завжди при структуруванні хочеться якось по новому його запхати: а так буде якась тактика і можна її притримуватись. Також про shared не знала - зручна фішка, щоб було зрозуміло, звідки компоненти позичати@@reactdev

    • @reactdev
      @reactdev  9 หลายเดือนก่อน

      Дякую!

  • @dmitriybraginets6750
    @dmitriybraginets6750 9 หลายเดือนก่อน

    Коментар в підтримку. Ну і особливо приємно побачити те що хтось майже буквально «читає твої думки». 😊

  • @МихаилИвченко-й8х
    @МихаилИвченко-й8х 9 หลายเดือนก่อน +1

    Дякую! Як завжди, дуже цікаво і корисно)

    • @reactdev
      @reactdev  9 หลายเดือนก่อน

      Дякую!

  • @sergiigulaga1486
    @sergiigulaga1486 9 หลายเดือนก่อน +2

    Ще я б додав про reimport компонентів з папок dashboard, login, shared …. та інших. Це теж вирішує ситуацію довгезних назв при імпорті.

    • @reactdev
      @reactdev  9 หลายเดือนก่อน

      З реімпортами не так просто. Вони потребують index файлів що ускладнюють навігацію та можуть зламати тришейкинг. З іншої сторони вони дійсно спрощують імпорти. Тому я цей момент оминув спеціально, щоб не ускладнювати.

    • @ankahorbova4065
      @ankahorbova4065 9 หลายเดือนก่อน +1

      Мені викладач радив index файли для зручності імпортів...хоча мені,чесно кажучи, то не зручно)))@@reactdev а можна детальінше про вплив "Вони потребують index файлів що ускладнюють навігацію та можуть зламати тришейкинг"?

  • @taraskin7419
    @taraskin7419 9 หลายเดือนก่อน

    Дякую! Так значно наглядніше, ніж просто текст)

    • @reactdev
      @reactdev  9 หลายเดือนก่อน

      Скажіть - простіше, правда?

    • @taraskin7419
      @taraskin7419 9 หลายเดือนก่อน +1

      @@reactdev однозначно! 🔥

  • @vitaliyua4122
    @vitaliyua4122 9 หลายเดือนก่อน

    Дякую

  • @_Sunfall
    @_Sunfall 8 หลายเดือนก่อน

    👍🏻

  • @sevgenberg585
    @sevgenberg585 9 หลายเดือนก่อน

    Термин “Container components” ввел еще Дэн Абрамов, когда придумал Redux.Компонент если у него уже имеются входные и выходные данные будет обычным переиспользуемым компонентом, но как только коннектим его к Redux, то есть отправляем какие либо actions из компонента или берем дату из стора и используем в нем то он стал контейнером. Если у нас этот компонент будет в components, то теперь его отправляем в containers.

  • @user-um3ps3gq9t
    @user-um3ps3gq9t 9 หลายเดือนก่อน

    Подскажите пожалуйста где хранить функции(логику), которые переиспользуются во многих компонентах. Чистую логику без вёрстки.

    • @reactdev
      @reactdev  9 หลายเดือนก่อน

      В сервісах, а структурно - все так само. Якщо логіка потрібна лише на одній сторінці то в теці цієї сторінки. Якщо для всіх то в shared. Підхід універсальний

  • @khrulenko.v
    @khrulenko.v 9 หลายเดือนก่อน

    🟦🟦🟨🟨

  • @user-ps2hw5kf8s
    @user-ps2hw5kf8s 9 หลายเดือนก่อน

    Дякую