Хотелось бы узнать у более опытных людей, какие варианты наиболее корректны для данных задач:
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 запрос для получение актуального списка комментариев с сервера?