squint

Takis_ 2024-12-29T11:23:36.743249Z

hello, is there a simple way to add tailwind-css to this example project? https://github.com/squint-cljs/squint/tree/main/examples/vite-react or in general in any squint project, i tried some ways(installing react as if it was a js project) but i couldnt make it work

borkdude 2024-12-29T11:32:26.284179Z

Why would it be different from a JS project, except for syntax?

Takis_ 2024-12-29T11:42:38.830499Z

i dont know maybe i did something wrong, i will retry

Takis_ 2024-12-29T13:22:52.987629Z

i will stay in HTMX that i already know, i like backend/databases, maybe react if needed sometime later, thank you for helping me : )

borkdude 2024-12-29T13:23:38.884749Z

👍

Takis_ 2024-12-29T15:45:20.554379Z

i made it work i don't know if i had many things wrong, but i had one wrong thing for sure :

#jsx[:p {:className ["text-red-400 text-lg"]} "This is a paragraph"]  ;;works
#jsx[:p {:className [:text-red-400 :text-lg]} "This is a paragraph"]  ;;doesnt work  
i was using class names like this, and didn't work, i opened an issue in github, for now its fine, i will just use 1 string with all class names

borkdude 2024-12-29T15:46:25.240049Z

yeah this doesn't work currently, where did you have the idea that it should work?

Takis_ 2024-12-29T15:46:45.407019Z

hiccup, previous HTMX project, it works with keywords is simpler

Takis_ 2024-12-29T15:47:10.322549Z

it was working so i was used into using class names as keywords

Takis_ 2024-12-29T15:47:48.664119Z

but i was using :class not className , in react :className is used

borkdude 2024-12-29T15:48:36.211279Z

right, we can support this I guess

borkdude 2024-12-29T15:49:03.818369Z

the currently supported syntax is {:className "text-red-400 text-lg"} without the vector

Takis_ 2024-12-29T15:50:02.971979Z

yes thank you, sometimes i get anxious if i will be able to use js libraries in simple way, this is small thing, i thought it was much bigger problem, now all working, thank you : )

👍 1