Functional Web Components with LitElements.
For practice and learning i decided to create a #UIFramework to make LitElements more functional. i like the idea of webcomponents and #litElement, but i liked the #reactSyntax for what i see as "more readable" and "more maintainable" code. So i decided to create a simple todo app using a #functional approach with #LitElements.
Im investigating additional features and improvements so i dont reccommend anyone to adopt using this yet. The implementation is far from finished, but seems to be working enough to test.
Future improvements on this im looking into are:
- bottom up state management
- encrypted state persistence at rest
Blog: https://positive-intentions.com/blog/dim-functional-webcomponents
GitHub: https://github.com/positive-intentions/dim
Demo: https://dim.positive-intentions.com/?path=/story/components-todo--basic
#WebDevelopment #LitElements #JavaScript #FrontEnd #WebComponents #StateManagement #Encryption #Coding #OpenSource
Dim: Functional Web Components | positive-intentions
Modern JavaScript frameworks like React JS and Vue JS have popularized the functional programming paradigm and declarative approaches to web app development. While these frameworks have made creating dynamic web applications more accessible, it's worth exploring the potential of web components in this landscape. Lit elements, with its minimalistic and declarative approach, stands out as an appealing base for leveraging web components in modern web and app development.
