ellie VS Elm

Sorry I'm not being helpful (in that, I dont have a solution for you) but it would be great if you could put this up as a working demo on Ellie (https://ellie-app.com/).

There is an online editor, named Ellie, to play with the language without the need to install anything on your machine. Ellie permits to install dependencies for your code, so you can prototype an entire project with it.

After that point I started looking into how Elm works from the web dev perspective with resources like Elm in Action and Frontend Masters courses (first working in ellie-app-for-elm-dev then upgrading to vite-elm-template).

I can still give you some pointers here. First I'd suggest you read the elm guide: https://guide.elm-lang.org/ It's the best place to start with elm. When you have a question about any specific subject, you should head to the slack, or ask a question on the elm discourse: https://discourse.elm-lang.org/ . The best way to get a useful answer, is to have a concrete question, and to prepare an example of what is wrong on Ellie (https://ellie-app.com). As such people can modify your Ellie to answer you.

You can paste it to Ellie for testing

req: Request { bodyUsed: false, headers: Headers { accept: "*/*", "accept-encoding": "gzip, deflate, br", "accept-language": "en-US,en;q=0.9,la;q=0.8", connection: "keep-alive", host: "localhost:8000", origin: "https://ellie-app.com", "sec-ch-ua": '"Chromium";v="94", "Google Chrome";v="94", ";Not A Brand";v="99"', "sec-ch-ua-mobile": "?0", "sec-ch-ua-platform": '"macOS"', "sec-fetch-dest": "empty", "sec-fetch-mode": "cors", "sec-fetch-site": "cross-site", "user-agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4..." }, method: "GET", redirect: "follow", url: "http://localhost:8000/" } ourAnswer: Response { body: ReadableStream { locked: false }, bodyUsed: false, headers: Headers { "content-type": "text/plain;charset=UTF-8" }, ok: true, redirected: false, status: 200, statusText: "", url: "" }

https://builtwithelm.co/ lists some, but not sure what you consider large.

Not sure if you would categorize this as dev tool https://github.com/erkal/kite

And ellie certainly might be a dev-tool, but not a toy https://github.com/ellie-app/ellie

Elm [1] is based on a similar idea. Build your app from pure functions that return HTML tags.

[1] https://elm-lang.org/

You also wouldn't really be creating your own new programing language. You would be creating something that can run JavaScript by following JavaScript standards and syntax. You might be able to add some non-standard features of your own on top of those standards, or include your own standard library of helpers or utilities, but you can't completely make a new or alternative language and then load it in the browser (or at least not by reimplementing ECMAScript standards... you actually can make your own language that runs within any Javascript enviroment, if you provide an interpreter or compiler that transforms it into valid JS. Some people have done something like this, eg Elm: https://elm-lang.org/).

You should at least have a look at https://elm-lang.org/ it is a pure functional language like Haskell (although with fewer fancy syntax/type classes) but it has some lovely libraries for visualisation and even with plain elm (+ elm-ui) doing string transformations can be easily done.

I get it. However, the whole point of using Unions to narrow your types, ensure only a set of possible scenarios can occur, and only access data of a particular union when it’s safe to do so. That’s some of what pattern matching can provide, and 100% of what using switch statements in TypeScript with their Discriminated Unions can provide. Yes, it’s not 100% exhaustive, but TypeScript is not soundly typed, and even Elm which is still has the same issue TypeScript does: You’re running in JavaScript where anything is possible. So it’s good enough to build with and much better than what you had.

The beauty of a language like Elm (and other lambda-calculus / functional programming inspired languages) is that there's very little transformation involved in going from an idea to code. And that seems to have a big impact on getting things done.

I think the most fun and approachable way for beginners to build games with functional programming is with Elm [1].

See a few (small, demo) games built by the community in [2] .

Notice Elm has abandoned the FRP approach in favor of Model-View-Update [3].

[1] https://elm-lang.org/