lit-state
WebComponentFactory
lit-state | WebComponentFactory | |
---|---|---|
3 | 1 | |
137 | 0 | |
- | - | |
0.0 | 4.2 | |
over 1 year ago | 5 months ago | |
JavaScript | JavaScript | |
GNU Lesser General Public License v3.0 only | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
lit-state
-
Web Components Eliminate JavaScript Framework Lock-In
The reason React uses a virtual DOM is because when React started, there were no (advanced) HTML templates yet. And it made it easy to setup listeners on elements, instead of manually adding it with `addEventListener()` and possibly remove them again with `removeEventListener()`. So the virtual DOM was really a game changer.
But Lit templates solve this problems in a more browser integrated way, without the need of a virtual DOM. How you manage the state is free to your choice, that is also not something exclusive to React and your favorite pattern can also be used with Lit. I wrote a tiny state management library (LitState [0]) which makes it very easy for multiple components to share the same state and stay in sync. I personally find it much more convenient and cleaner than any other state library I've used before. And it integrates very nicely with Lit.
[0]: https://github.com/gitaarik/lit-state
- Web Components Will Outlive Your JavaScript Framework
- Litstate Simple Shared App State Management For
WebComponentFactory
-
Web Components Eliminate JavaScript Framework Lock-In
Rather than putting the HTML in JS, you can fetch HTML in the JS.
E.g. https://github.com/g-utils/WebComponentFactory
What are some alternatives?
lit - Lit is a simple library for building fast, lightweight web components.
lit-style - Shared component styles for LitElement
kor - User Interface Component Library based on LitElement / lit-html
nano - 🎯 SSR first, lightweight 1kB JSX library.
panel - Web Components + Virtual DOM: web standards for powerful UIs
butterfloat - The greatest view engine for the modern web
lrnwebcomponents - HAXTheWeb monorepo of elements and apis
React - The library for web and native user interfaces.
Kiss! - :hash: :wrench: Shareable agnostics templates (Keep It Stupid Simple) / Integrated with Atom IDE #cli #nodejs #atom