У меня были некоторые проблемы с простым выяснением того, как подключить мое приложение по шаблонам NgRx.
Допустим, я хочу создать спортивное приложение, в котором пользователи могут добавлять свои любимые команды на панель инструментов и получать статистику по каждой команде в реальном времени. Допустим, они получают одну команду в лиге. Приложение будет использовать некоторый внешний API для получения данных о команде, которую они добавляют.
Мой вопрос: как мне организовать NgRx, чтобы все это состояние сохранялось правильно?
Полагаю, я бы начал с такой сущности, как:
export class User {
username: string;
password?: string;
token?: string;
nflTeamAdded?: boolean;
nflTeam?: string;
nflTeamStats?: nflStats;
mlbTeamAdded?: boolean;
mlbTeam?: string;
mlbTeamStats?: mlbStats;
nbaTeamAdded?: boolean;
nbaTeam?: string;
nbaTeamStats?: nbaStats;
// each of the stats objects would be tailored to what they receive from an third-party api
// that would send that information
}
Но как бы я разделил это на отдельные действия, редукторы, эффекты и селекторы с NgRx? Должен ли я создать папку для каждой лиги и рассматривать каждую лигу как единое целое? Я всегда ужасен со структурой папок.
Со временем я бы сохранил имя пользователя, пароль, логические значения лиги и команды лиги внутри базы данных, но сейчас я в основном занимаюсь организацией NgRx. Будем весьма благодарны за любые предложения или советы.