Skip to main content

Frontend Refactor

Design idea II ✍️

Before my work​

All the pages were previously rendered through HTML templates although some have incorporated with web components (Lit elements).

BeforeRefactor

After my work​

However, this completely changed after my work. A top-level component called App is created, which manages all other components with a router determining what to render. I created many page-level components, in which there are child elements, and the client-side state manager would decide what to render based on the current state. Overall, my work created a simple SPA design with Lit elements.

AfterRefactor