This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2024-02-15
Channels
- # announcements (1)
- # babashka (1)
- # beginners (43)
- # cider (2)
- # clj-kondo (29)
- # clojure (61)
- # clojure-austin (18)
- # clojure-dev (7)
- # clojure-europe (30)
- # clojure-nl (1)
- # clojure-norway (23)
- # clojure-uk (5)
- # clojuredesign-podcast (8)
- # cloverage (1)
- # conjure (1)
- # data-science (1)
- # datahike (36)
- # datavis (1)
- # datomic (23)
- # emacs (14)
- # hyperfiddle (28)
- # lsp (5)
- # missionary (1)
- # music (1)
- # off-topic (11)
- # re-frame (11)
- # reitit (5)
- # releases (1)
- # shadow-cljs (65)
- # spacemacs (13)
- # squint (33)
- # tools-deps (56)
newbie question: I'm trying to generate #jsx using tags with a hyphen in their names... Squint replaces the hyphen by underscore (say :my-button
becomes _jsx("my_button", {
.. Is there special syntax? or flag? workaround? Thanks!!!
I don't think you can normally write JSX with hyphens in JS right?
<Foo-Bar></Foo-Bar>
would be invalid I thinkI took, you SolidJS example, changed it minimally to generate a tag with hyphen (that's always the case when using custom-elements/web components)
honestly, I have no example other then you SolidJS example, and changed the "button" there with "my-button", that's it 🙂
any usage of web components is like that: minimal example from the react docs: (see <x-search>
) https://legacy.reactjs.org/docs/web-components.html
as long as I have an example of JSX that shows you can use hyphens. It didn't work for me in the playground
nothing... I was just starting to play with squint, with the goal of coding a SolidJS component, make use of 3rd party web components (which contain a dash)
it makes sense to me now, thank you. so the rule should be that lower case things should not be renamed? and that function components always start with a capital?
made an issue here: https://github.com/squint-cljs/squint/issues/468