Понял что совсем не понимаю принципа SPA, потому решил попросить вас, направить меня на путь.
Есть к примеру приложение "Магазин".
У него есть:
- Статьи ( /article - список, /article/:id - подробно статья )
- Товары ( /catalog - список, /catalog:id - подробно товар )
- Корзина ( /cart )
- Профиль ( /profile, /profile/settings, /profile/history и тп)
- О компании ( /about, просто отдельная "статья" )
Используется React + Redux + React-Router
Что должно содержать состояния приложения в любой момент времени?
Например если мы переходим в /article, то компонент подгрузит статьи для себя и добавит их в state приложения.
Затем мы перейдем в /catalog, он добавит свою информацию в состояние приложения.
Таким образом App State будет примерно таким:{
articles: [...],
catalog: [...],
cart: {...},
user: {...}
}
Где я могу посмотреть реализацию больших приложений на react + redux (искал на github, там либо очень простые, где не возникает вопросов, либо приложения которым 4+ лет) ?
Еще не совсем понимаю как разделять умные компоненты, например:
Статья детально и список статей - 1 умный компонент (контейнер) или 2 разных ?