Comments (4)
This seems specific to the web DOM, so I think this would be a good addition to the helix.dom/$d
macro, rather than the helix.core/$
.
from helix.
There's an implementation of this in https://git.sr.ht/~severeoverfl0w/helix-sev
from helix.
Very nice! Question:
($d :div.foo.bar {& {:class "baz"}} ,,,)
based on my read of your code as-is, the dynamic prop :class
will overwrite the class assoced onto the props map. This is because (helix detail) dynamic props are merged in after macro expansion, in something like:
(react/createElement "div" (merge-props #js {:class "foo bar"} {:class "baz"}) ,,,)
It's not clear to me what the correct behavior is here. what do you think?
from helix.
@lilactown You're right, that's a limitation right now. It has that limitation because I didn't think it was possible to implement things such that this limitation wouldn't exist. I think there're two behaviours here that make sense:
- Behave like
{:class "foo bar" :& {:class "baz"}}
would - Always append the root onto the resulting props, no matter what.
If :&
, &
, etc. are present, we could wrap the expression such that the classes are appended. If they aren't present, then we do the current implementation?
from helix.
Related Issues (20)
- Infinite loop with IStateUpdater HOT 1
- "Provider" property access getting mangled by :optimizations :advanced HOT 5
- Remove es6 mention from readme HOT 1
- Update README to use React 18 createRoot api
- No dependency named react-dom/client HOT 3
- Confusing syntax with `wrap` and args destructuring HOT 1
- goog.object/extend is deprecated
- Setup cljstyle config, run in CI
- Any good way to make multimethods work as component functions? HOT 8
- gensym / anonymous function syntax breaks fast refresh HOT 2
- Include resources in deps.edn :paths
- $ clj-kondo hook fails to lint & right when component is not a symbol HOT 1
- The $ macro and new JSX transform HOT 14
- `wrap-fx` is public HOT 1
- Wrappers for useTransition, useDeferredValue, etc. HOT 1
- Is it possible to bypass the camel-casing of properties? HOT 7
- Add wrapper around createRef with atom protocols HOT 2
- How to use with uikit? HOT 2
- Running tests in nodejs with jsdom HOT 4
- Companies using Helix HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from helix.