Keystone Bank's HR management system, built with Prunedge Development Technologies. My part was performance: splitting the React and TypeScript modules with code splitting and lazy loading, so each screen loads only what it needs.
Load only what's used
The system is internal to the bank, so nothing of it is shown. The approach is simple to describe: a staff member opening one module should download that module, not the whole system.
- Sign inA small first load
- Open a moduleIts route is requested
- Load its chunkOnly that code arrives
- The rest waitsUntil it's needed