I am following this tutorials: https://github.com/adobe/aem-sample-we-retail-journal
Here, all the child pages JSON is stored into __INITIAL_STATE__ id.
I want to know why it is done in this way, can someone please explain?
Instead what if I navigate on different links and then on click of each links if I call model json of that page via Async fetch and then accordingly set __INITIAL_STATE__ id. What problem in this approach?
Can you please check the latest sample project for the implementation https://github.com/Adobe-Marketing-Cloud/aem-guides-wknd-events
I am not a react expert so actually can't comment on approach but you can have a look to another sample SPA project from Adobe.