Расширение Redux Minimal

Я пытаюсь создать приложение React Redux, расширяя шаблон Redux Minimal: https://redux-minimal.js.org/

Этот шаблон в настоящее время управляет списком пользователей. Я хотел бы расширить его, чтобы иметь еще одну страницу, которая управляет 2-м типом элементов (в моем примере это спортивные игроки), чтобы помочь мне понять. Есть ли у кого-нибудь пример простого расширения этого шаблона или может посоветовать общий подход к тому, как расширить его таким образом?

Действия, которые я предпринял до сих пор:

  • api - создать второй файл API player.js, идентичный users.js, но возвращающий массив игроков
  • reducers / - добавлен второй редуктор для player.js, идентичный users.js, но с измененными именами переменных и констант.
  • reducers / index.js добавил импорт для редуктора моих игроков. Добавлены игроки: игроки в конце редуктора после пользователей: пользователи, [не был уверен в этом]
  • sagas / - добавлена ​​вторая сага игроков, которая вызывает API-интерфейс игроков выше и с измененными именами переменных и констант
  • sagas / index.js - добавлен импорт для саг об игроках и добавлены соответствующие саги для работы
  • router - добавлен маршрут для моего компонента плеера
  • components / common - добавлены копии различных файлов User ... с файлами Player ... с измененными именами переменных
  • компоненты / App.js - довольно не уверены в этом. Я добавил props.dispatch для вызова моих PLAYERS_FETCH_LIST в componentWillMount (), поскольку я предполагаю, что они должны быть загружены при запуске приложения, но я не был уверен, должен ли он вызываться только при доступе к маршруту компонента игрока, и добавлен к состоянию на этом этапе. Добавлены игроки в mapStateToProps для возврата.
  • компоненты / Player.js - новая страница, вызывающая компонент PlayerList

reactjs redux react-redux redux-saga
person Durathor    schedule 24.04.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Если вы новичок в изучении React,

A) Вам не нужно изучать / использовать Redux, если он вам не нужен (пока), это намеренно сложно, и вы поймете, как его использовать, когда вам это нужно. React имеет встроенную систему состояний, и рекомендуется начинать с нее и поднимать состояние, когда вам нужно поделиться им между вашими компонентами.

Б) Если вы все еще хотите изучить Redux, оставьте на время саги о сокращении в покое, это определенно не является требованием для redux, особенно если вы все еще изучаете redux самостоятельно.

Итак, на вашем месте я бы отказался от redux-minimal и нашел хорошее руководство, которое проведет вас через основы redux (только после того, как вы будете уверены в своих знаниях React).

person xtabbas    schedule 24.04.2017