Possible to use as a server-side API? #596
Replies: 1 comment 7 replies
-
|
It's totally out of the scope of that project, but you can use the import {render} from 'alpine-test-utils'
html = render('<div x-data="{ aa: 'foo' }"></div>', { aa: 'bar' }).outerHTML;
See https://github.com/HugoDF/alpine-test-utils#quick-start-write-your-first-test |
Beta Was this translation helpful? Give feedback.
-
|
Ah, that would explain why it didn't work when I tried it. That's a bit of a deal-breaker for this particular idea. No worries, I'll either try with a headless browser or give up, it's not important. Thanks for the help! |
Beta Was this translation helpful? Give feedback.
-
|
Is there any benefits to using Alpine over regular template literals on the server, since you don't really need the reactivity. I'd prefer to use: let html = `
<p>${text}</p>
`Than run things through a JSDOM implementation.. |
Beta Was this translation helpful? Give feedback.
-
|
The benefits I see would be in looping and conditional constructs which could get cumbersome with native string manipulation as in your example. So, essentially it would be taking the template parts of alpine and ignoring the reactivity parts so I totally understand why it's out of scope, but I can imagine use-cases for it, and it's a nice, low learning curve template language. I can use handlebars or twig, or any number of template languages instead. |
Beta Was this translation helpful? Give feedback.
-
|
Also, beyond my own use case, I don't know if it could be applicable at all for server-side rendering in a JS framework, but there might be some use cases there where a server-side api would help 🤷 |
Beta Was this translation helpful? Give feedback.
-
|
Fair enough. With template literals, most of the stuff can be done in a React fashion. Loops can be done with a |
Beta Was this translation helpful? Give feedback.
-
This might be out of scope for the project, but I'll ask anyway.
Would it be possible to use this library entirely on the server side, for prerendering content?
E.g.
For more context, I like how small the learning curve is on alpine, and I was actually thinking this could make a very nice thin wrapper around HTML, or even MJML to build emails on.
In this case an API might be required to pass extra parameters, like in traditional template languages for some of the variables.
It seems like this might be hard if no DOM actually exists on the server side, but is this possible or even a good idea?
Thanks!
Beta Was this translation helpful? Give feedback.
All reactions