Ask HN: Any resources for building a great Front end App Architecture?

Goals:

i. I'd to learn and put in-place a great app architecture for a front-end app similar to server side code structure that we commonly see in service-oriented apps.

ii. Once a framework is in-place: It should be very easy to add a new page as most of data read and bind code would be already in place

iii. If I can drive the system (pages, header, sub-headers, menu) via a config then it's even better, like want to add a new page - just insert a new entry in the config file.

iv. Adding a new textbox on a page should not require a db table change, as the fields can be stored as a json text in just one column. I know it could be a pain for high traffic pages, but for low key pages, I think it's a great idea.

v. Adding a new page, child page, sub-header should not require a lot of code to be rewritten. The system should promote high reusability of existing code.

I inherited an app which has just one main page (old school SPA) but a lot of child pages and sub-headers. It has about 10 js files and each file has about few thousand lines of knockoutjs code. Even a small change requires a lot of fiddling through many files - nightmare.

I've looked at many open-source ReactJS projects, but none is having a craft of structure that I'm looking for.

Any leads, resources are highly appreciated. Thanks.