Фильтровать данные в редукторе или в компоненте?что лучше?

Question

У меня есть это приложение, на домашней странице которого я загружаю компонент, который отображает список фильмов из локального файла JSON, который я загружаю в хранилище в App.js в жизненном цикле componentDidMount.

И у меня есть другой маршрут, где я отображаю детали отдельного фильма.

Теперь у меня есть два варианта, либо я создаю действие, которое фильтрует список «все фильмы» в редукторе, и сохраняю отдельный фильм в«Начальное состояние» в редукторе, затем запустите это действие в компоненте «SingleMovie» в его функции componentDidMount.

Или я могу отфильтровать весь список фильмов в самом компоненте и получить сведения об отдельном фильме?

Что лучше с точки зрения производительности и лучших практик?

Answer 1

Всегда лучше отфильтровать данные в редукторе и установить их в состояние и получить эти конкретные отфильтрованные данные внутри вашего компонента.

Answer 2

Поместите свою логику внутри компонента или где-нибудь за его пределами?

Хорошей практикой всегда является поддержание компонента как можно более тонким.Я имею в виду, что именно компонент отвечает за представление, а не за обработку логики приложения.

В вашем случае вам следует придерживаться опции 1: создать действие, которое фильтрует список «все фильмы» в редукторе и сохраняет отдельный фильм в «начальном состоянии» в редукторе,затем запустите это действие в компоненте «SingleMovie» в его функции componentDidMount.