Является ли Redux.js достаточным способом отделения данных от представления в гибридном приложении React.js / Node.js?

Question

Я новичок в веб-программировании. Я начал разработку одностраничного веб-приложения с использованием React.js с Node-сервером. Я прочитал учебник, поиграл с шаблонами и быстро понял, что React позаботится только об аспекте вида. Поэтому я попытался поместить свои функции обработки данных с ключевым словом export в файл JavaScript, чтобы я мог использовать их в своих компонентах React. Но этот путь был довольно «грязным», и это не доставляло никакого удовлетворения.

Затем я искал способ эффективно отделить модель и контроллер от представления, чтобы я мог полностью изменить графический интерфейс без особых усилий и, таким образом, позволить проекту расти и одновременно работать над ним нескольким людям. время.

Я натолкнулся на эту статью , объясняющую архитектуру Flux, и увидел, что одной из основных реализаций для использования с React.js был Redux.js. Я был очень удивлен, что сначала этого не увидел, и теперь мне интересно, сколько фреймворков нужно использовать при работе с JavaScript и Web.

Мой вопрос прост: все ли мне нужно Redux.js для эффективного разделения данных, обработок и компонентов GUI? Или я что-то пропустил? Есть ли другие основные архитектуры, которые вы бы порекомендовали?

Большое спасибо,

Answer 1

Redux обычно используется для хранения всех данных, которые нужны вашему приложению. Он действует как хранилище, которое может передавать требуемые данные компонентам, которые действительно нуждаются в данных. Например, если вам нужно, чтобы конкретные данные, извлекаемые из запроса ajax, распределялись между двумя компонентами, тогда идеально подходит избыточность. Нужна ли вам избыточность, зависит от того, как структурировано ваше приложение. Если у вас есть приложение с большим количеством компонентов, и для большинства из них требуются данные с вашего сервера или API, я бы посоветовал вам использовать Redx. Как только вы изучите это, это невероятно просто. И да, избыточность - это все, что вам нужно для отделения данных от пользовательского интерфейса. Чтобы получить хорошо отформатированную структуру, соберите все ваши ajax-запросы в папку и экспортируйте ее, чтобы вы могли вызывать ее из компонента пользовательского интерфейса. И когда вы получите данные, передайте полезную нагрузку в хранилище избыточных данных, которое автоматически передаст ее всем компонентам, которые подключены к этому конкретному редуктору. Для получения подробной информации о том, как подключиться реагировать с избыточным, проверьте их документацию: https://redux.js.org/basics/usage-with-react Помните, что не следует путать состояние, упомянутое в редуксе, с состоянием реакции. Состояние Redux относится к состоянию приложения. Проверьте это, и если у вас ничего не получится, другой альтернативой будет флюс.