Is there any way to embed JSX like DSL or equivalent in Gleam?

[mistyharsh]

Since Gleam now compiles to JavaScript, I would like to write bindings for Preact/React and use some syntactic sugar not necessarily same but like JSX/TSX to write HTML templates. Is there any way to do this in Gleam?

Also, can you please share what things do not work well and/or not supported when compiling the code to JavaScript?

[lpil]

Hello!

There's no XML literal syntax in Gleam, you'd have to use a function based API. One such example can be found here: https://github.com/JohnDoneth/gleam-vdom

Also, can you please share what things do not work well and/or not supported when compiling the code to JavaScript?

What do you mean?

[mistyharsh]

Writing a functional wrapper for classes to create web components is easy and I won't need throw. But, I am not sure how I can model async/await behavior. Can you provide some samples for that? For CSS-in-JS, I guess I can use object syntax instead of tagged templates.

Even better, a cheat sheet like the one provided by ReScript for JS interop would be helpful.

So far, the experience has been very good. For now, I am exploring Pony language as a type-safe alternative to OTP/Elixir. But, I have really liked the design decisions you have made for the language so far. Following things are very good:

• FFI interface
• Strong type inference
• Union and opaque types
• My favorite todo
• Named arguments

After using Elm, I believe all the fancy stuff like Type classes, inheritance won't be necessary. But, yes, some form of meta-programming or scripting would really help.

[lpil]

But, I am not sure how I can model async/await behavior. Can you provide some samples for that?

We use a monadic promise API when running on JavaScript. Let me publish that package so you can view the docs.

Even better, a cheat sheet like the one provided by ReScript for JS interop would be helpful.

Totally, there's an issue for that. https://github.com/gleam-lang/gleam/issues/945

For now maybe one of the other cheatsheets could help: https://gleam.run/documentation/

Thank you for the kind words! I am also very interested in metaprogramming. Currently the focus is on tooling so it'll have to come later.

[lpil]

For now here are some tests using promises https://github.com/gleam-lang/javascript/blob/main/test/gleam/javascript/promise_test.gleam

[mistyharsh]

Exactly what I needed. Thanks a ton 👍

Let me know if you need any help. Not a language designer but can definitely help with documentation or website.

[lpil]

Thank you, very kind. If you write any Gleam please do share it on GitHub and send me a link. Even if it's not finished it's great to see what people are doing, and it will help us get syntax highlighting on GitHub too once we have enough Gleam repos.