marick
Hooking one or more Elm single-page apps into Phoenix
I’m building an app that will be, on the client side, a combination of plain HTML and N single-page apps. It took me some time to figure out what Javascript to inject into the end of my layout such that - on the SPA pages - the appropriate Elm app would be launched into the appropriate <div>.
When I got it all wired together, I wrote a blog post. Hope it’s useful.
Most Liked
peerreynders
Are you intending to blog about this particular design decision?
I personally like the idea of smaller separate applications, each centered around a particular resource or context rather than stuffing everything into one super page application. However when I looked into it I quickly came across opinions like Mixing MPA and SPA: worst of both worlds which seems to be well represented - of course that doesn’t stop others like AngularJS and Multi Page Applications.
For the time being MPA seems be an ambiguous term that unfortunately many use to mean multiple (server-side rendered) page application - even though I think MPW (multi-page website; from The disadvantages of Single Page Applications) seems more appropriate for traditional websites.
(Seems only PWA is missing from this alphabet soup)
marick
This is a temporary decision. I don’t yet have enough experience to make a good decision.
Popular in Discussions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Real-time error tracking, performance insights, and observability for devs.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Develop your skills with books, videos, and courses.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"