
Design comparison
SolutionDesign
Solution retrospective
My first attempt to create a single page app with only js native web components. For learning purposes there's a lot of "wheel-reinventing". The app has:
- a router working on top of window.history
- theme context attached to body to coordinate the whole theme app. (since web components are css isolated, this "injects" theme css variables in each web component)
- centralized state on home page (similar with redux)
- custom events for communication between components
I'm sure there are a lot mistakes using this aproach, so any feedback is more than welcome :).
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord