Перейти к содержанию
  • Лента
  • Категории
  • Последние
  • Метки
  • Популярные
  • Пользователи
  • Группы
Свернуть
exlends
Категории
  1. Главная
  2. Категории
  3. Фронтенд
  4. React
  5. А какая иерархия компонентов оптимальна?

А какая иерархия компонентов оптимальна?

Запланировано Прикреплена Закрыта Перенесена React
10 Сообщения 3 Постеры 141 Просмотры
  • Сначала старые
  • Сначала новые
  • По количеству голосов
Ответить
  • Ответить, создав новую тему
Авторизуйтесь, чтобы ответить
Эта тема была удалена. Только пользователи с правом управления темами могут её видеть.
  • A Не в сети
    A Не в сети
    Androbim
    написал отредактировано
    #1

    Доброго времени суток!
    Я в React месяц, ну, может, чуть больше.
    Имеет ли смысл многоуровневая вложенность компонентов, если, например, данные передаются вверх через пару-тройку уровней?
    Так файлы короче, но страшно становится, если через useState-ы ререндерить родителей по такой лестнице…
    Была идея вообще в хранилище построить нечто вроде описательной структуры, чтобы все связи шли через state-ы, ну типа как объекты в Vue.
    В принципе, это мое первое приложение, и я готов к тому, что оптимально не будет, лишь бы работало с приемлемым гемором при поддержке…
    Но… Может кто-то порекомендует, как лучше построить иерархию, чтобы, для первого раза, не так напряжно?🙏
    С уважением.😊

    1 ответ Последний ответ
    2
    • JspiJ Не в сети
      JspiJ Не в сети
      Jspi
      js
      написал отредактировано
      #2

      @Androbim вот ссылки по FSD
      https://feature-sliced.design/
      https://feature-sliced.github.io/documentation/ru/docs/get-started/overview

      Попробуй посмотри, я даже на небольших проектах использую, т.к каждый проект может разрастись

      1 ответ Последний ответ
      0
      • JspiJ Не в сети
        JspiJ Не в сети
        Jspi
        js
        написал отредактировано
        #3

        Еще тебе бы про глобальные состояния вопрос изучить, а также придешь к state manager.

        1 ответ Последний ответ
        0
        • JspiJ Не в сети
          JspiJ Не в сети
          Jspi
          js
          написал отредактировано Jspi
          #4

          Еще немного не пойму вопрос, ты говоришь про многоуровневые вложенности компонентов, но state это обычно про данные.

          Различные данные или события обычно передаются через props между компонентами, могут по цепочке передаваться даже через какие то компоненты. Короче, нужны подробности, можно даже в виде кода

          A 1 ответ Последний ответ
          0
          • JspiJ Jspi

            Еще немного не пойму вопрос, ты говоришь про многоуровневые вложенности компонентов, но state это обычно про данные.

            Различные данные или события обычно передаются через props между компонентами, могут по цепочке передаваться даже через какие то компоненты. Короче, нужны подробности, можно даже в виде кода

            A Не в сети
            A Не в сети
            Androbim
            написал отредактировано
            #5

            @Jspi
            За все ответы - спасибо!
            По первому - посмотрю.
            По второму - как раз изучаю, начал с zustand.
            По третьему. Я имел ввиду, что state manager по каждому компоненту может содержать, как раз, данные. То есть взаимодействие между компонентами почти полностью ложится на хуки state manager -а.

            Поймите правильно, я опасаюсь изначально заложить неверную стратегию.

            1 ответ Последний ответ
            0
            • JspiJ Не в сети
              JspiJ Не в сети
              Jspi
              js
              написал отредактировано
              #6

              Ну тогда добавлю то, что если использовать state manager, то вообще не важно сколько компонентов связаны с ним, а также сколько уровней вложенности, и вообще они никак друг с драгом не будут связаны, все будет упираться в логику приложения, в этом и частичная суть state менеджера

              A 1 ответ Последний ответ
              0
              • JspiJ Jspi

                Ну тогда добавлю то, что если использовать state manager, то вообще не важно сколько компонентов связаны с ним, а также сколько уровней вложенности, и вообще они никак друг с драгом не будут связаны, все будет упираться в логику приложения, в этом и частичная суть state менеджера

                A Не в сети
                A Не в сети
                Androbim
                написал отредактировано
                #7

                @Jspi но это нормальный ход, кошерно? 😊

                JspiJ 1 ответ Последний ответ
                0
                • A Androbim

                  @Jspi но это нормальный ход, кошерно? 😊

                  JspiJ Не в сети
                  JspiJ Не в сети
                  Jspi
                  js
                  написал отредактировано
                  #8

                  @Androbim присылай код, а там уже конкретно подсказать можно правильно или нет

                  1 ответ Последний ответ
                  0
                  • SkitRaS Не в сети
                    SkitRaS Не в сети
                    SkitRa
                    написал отредактировано
                    #9

                    Исходя из своего опыта могу сказать, что оптимальной иерархии в принципе не существует, поскольку оптимальный выбор определяется конкретным приложением и целями его применения.
                    Вместо общей структуры, выбор оптимальной зависит от контекста использования приложения, если по русски, то от задач, которые оно должно решать. Все сценарии применения требуют индивидуального подхода, по другому - никак. Уже на готовом примере, можно делать какие-либо корректировки и доработки, там где у вас есть вопрос, а без примеров, можно делать только наброски вариантов для вас.

                    1 ответ Последний ответ
                    0
                    • A Не в сети
                      A Не в сети
                      Androbim
                      написал отредактировано
                      #10

                      За ответы огромное всем спасибо!
                      Теперь, благодаря ответам, есть, в какую сторону смотреть.

                      1 ответ Последний ответ
                      0

                      Категории

                      • Главная
                      • Новости
                      • Фронтенд
                      • Бекенд
                      • Языки программирования

                      Контакты

                      • Сотрудничество
                      • info@exlends.com
                      • Наш чат
                      • Наш ТГ канал

                      © 2024 - 2025 ExLends, Inc. Все права защищены.

                      Политика конфиденциальности
                      • Войти

                      • Нет учётной записи? Зарегистрироваться

                      • Войдите или зарегистрируйтесь для поиска.
                      • Первое сообщение
                        Последнее сообщение
                      0
                      • Лента
                      • Категории
                      • Последние
                      • Метки
                      • Популярные
                      • Пользователи
                      • Группы