Какие варианты управления стейтом наиболее правильные?

Хотелось бы узнать у более опытных людей, какие варианты наиболее корректны для данных задач:
1.
Имеется приложение на React + Redux, суть проста, есть главная, на которой показан список книг. Все эти книги при загрузке приложения сохраняются в стейте редакса. У книг есть 3 кнопки - прочитана, в процессе и любимая. (true/false) При нажатии на одну из этих кнопок идет банальное обновление стейта, что-то типа такого:
case ActionType.UPDATE_BOOK_FLAGS:
      return {
        ...state,
        books: state.books.map((book) =>
          book.id === action.bookId
            ? { ...book, flags: action.payload }
            : book,
        )
      };

Также можно кликнуть на книгу и перейти на ее отдельную страницу, где тоже есть данные 3 кнопки.
Так вот вопрос, как лучше управлять состоянием флагов отдельной страницы книги - через редакс или просто сделать локальный стейт этих флагов и на клике посылать POST запрос с обновленным флагом?

2.
У страницы книги с п.1 имеется список комментариев и форма для их отправки, стейт комментариев и формы лучше хранить локально в компоненте или юзать redux?
Также после добавления/удаления/редактирования комментария наилучшим вариантом будет сразу же сделать GET запрос для получение актуального списка комментариев с сервера?
  • Вопрос задан
  • 358 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы