EmbeddingGemma 2: an open, lightweight multimodal embedding model
deepmind.google·6d ago
AI Engineering
Hacker News·Sep 6·5 min read
Show HN: Mador – Make any DOM reactive with a tiny 80-line Proxy state tuple
TL;DR
Mador is a lightweight tool that enables developers to make any existing DOM reactive using a simple 80-line Proxy state tuple. It allows for direct state binding without the need for frameworks, components, or templates.
✦ Why It Matters
Consider using Mador to add reactivity to your existing web projects without adopting a full framework.
Key Takeaways
- Integrate Mador to enhance existing HTML with reactivity.
- Use 'r' to bind DOM elements to reactive state.
- Utilize 'w' for efficient state updates in batches.
- Leverage Mador's small size for quick project setups.
How It Works
Mador operates by using JavaScript's Proxy to create a reactive state. Developers define bindings using the 'r' function, which takes a selector, an update function, and a read function.
The update function modifies the DOM based on the current state, while the read function specifies which part of the state the binding depends on. When the state changes via the 'w' function, Mador efficiently updates only the affected DOM elements, minimizing unnecessary re-renders.