Hi,
so you want to carry The Elm Architecture (TEA) to the "vanilla JS" world.
I came across recently an article: "How I converted my React app to
VanillaJS". React is quite similar to TEA, actually it's React/Redux that
is similar, but still, I think you could find something useful there.
https://hackernoon.com/how-i-converted-my-react-app-to-vanillajs-and-whether-or-not-it-was-a-terrible-idea-4b14b1b2faff#.zgqzwurva
Regards,
Witold Szczerba
On Sun, Feb 26, 2017 at 12:52 AM, Robert Muller <robert.mull...@gmail.com>
wrote:
> Greetings. I'm an OCaml guy, teaching Web Apps for the first time and
> finding my way through the insanity that is HTML + CSS + JS and trying to
> impart something sensible to students for how to structure their vanilla JS
> apps to conform to the the Elm Architecture (model-view-update). First time
> through, I'm not savvy enough to know how to properly fake the Elm
> Architecture in vanilla JS.
>
> IN PARTICULAR: I'd like to write a simple TODO app where the model is a
> record containing a list of todo items and a list of completed items. I'd
> like to write the app along the lines of:
>
> let app = {
>
> view : view, // : model -> element
>
> update : update // : model -> model
>
> }
>
>
> But I'm getting bollixed-up with the basic wiring. It's very basic stuff.
> E.g., let's say I have an addItem button; I assume that I want to wire-up
> the event listener to deliver the new item to the model (an update).
> Obviously these are executed asynchronously. But then what are the proper
> manners for displaying the model in the DOM? For a simple synchronous
> 8-queens solver example that I did, I wrote a reasonable runApp function
> using the JS setInterval function. But I'm not sure if this is kosher for
> the asynchronous case.
>
> Any advice here? Any pointers to Vanilla JS examples written using the Elm
> Architecture?
>
> Thank you! Your reply would help me and my 60 students!
> Bob Muller
>
> --
> You received this message because you are subscribed to the Google Groups
> "Elm Discuss" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to elm-discuss+unsubscr...@googlegroups.com.
> For more options, visit https://groups.google.com/d/optout.
>
--
You received this message because you are subscribed to the Google Groups "Elm
Discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to elm-discuss+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
