zoedsoupe

zoedsoupe

How could I write a component provider with Live VIew for JavaScript frontends?

I am part of the PEA Pescarte, a socio-environmental mitigation project here in the state of RJ, which aims to integrate and empower autonomous fisher people in society. More information can be found at PEA Pescarte · GitHub.

I am part of the development of the project’s web platform, which besides a public part, also has an administrative part.

Today, the platform is developed with phoenix live view, but I find myself practically alone in the development part of the project. As a result, the rest of the project ends up having many other demands that I cannot meet in a timely manner.

With this, the DBA of our team, who is also a professor at UFScar, proposed to create extension projects for her students to complete hours and contribute to the platform. These extension projects do not have many hours, which makes these students prefer to use technologies they already have experience with (usually js)

Another issue is that for now we only have one server, a very simple one, that one of the universities here in town provides for deployment. This means that the complexity to orchestrate all these “services” + the platform would be quite large.

With this, the current idea is to centralize all the business rule and external integrations in the main project part and the other projects just consume the data from the source of truth.

But this generates another problem: every time a new client comes up (new demand), the design system and the components that are already implemented with live view end up needing to be reimplemented and duplicated in each project…

In the long term, I thought about building something like a BFF service that already makes these styled components available for any front end to use, and this is what I would like to discuss. Does this sound technically feasible? What could be my difficulties during this implementation? Are there other possibilities? Am I thinking too far ahead and is this a solution that I would be trying to reinvent the wheel?

Some other questions:

  • How could I manage styles? It is better to distribute like a CDN?
  • How I could manage some component state? Would I be reinventing the live view architecture?
  • Web components can be a way to distribute HTML in this case?
  • Maybe with help of HTMX I could achieve this?

First Post!

zoedsoupe

zoedsoupe

I just found ReactSurface - Render React Components via Surface which is kinda similar, although is has focus only on React.JS. In my case, most of applications are built with React so it could be a starting point. But the ideia was to be framework/library agnostic

Where Next?

Trending in Discussions Top

AstonJ
As the title says, please share what you’ve been up to with Elixir. Whether that’s been learning it, looking into it, making stuff with i...
2976 91332 914
New
f0rest8
Hi everyone :waving_hand: Posting here to showcase and announce that Metamorphic is now officially live on a public-facing domain at htt...
New
andrielfn
Hey there :waving_hand: I want to introduce Fluxon UI, a modern UI component library for Phoenix LiveView that I have been working on fo...
New
byu
@chrismccord : I just saw the Extract AGENTS.md from Phoenix.new into phx.new generator commit to the phoenix project. My initial shotgu...
New
arcanemachine
I was working on an Ecto migration and I needed a timestamp. So, for the nth time, I looked up the different data types for timestamps, a...
New
AstonJ
Just a general thread to post chat/news/info relating to AI/ML stuff that may be relevant for Nx now or in the future. Got anything to sh...
New
type1fool
I just stumbled on a newly redesigned elixir-lang.org. :tada: It looks like @Software_Mansion did the work, and I think it is generally a...
New

Other Trending Topics Top

GenericJam
Edit: 2026 May 15 - This post is archived. Mob is alive!! Main docs: mob v0.7.11 — Documentation A bit of explanation for the slightly c...
New
JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
kip
Localize is the next generation localisation library for Elixir. Think of it as ex_cldr version 3.0. The first version will be released ...
New
webofbits
Squid Mesh is an open source workflow automation runtime for Elixir applications. It is aimed at Phoenix and OTP apps that want to defin...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
kip
In 2021 I started a new library called Tempo with the objective of modelling time as a set of intervals - not as instants. In 2022 I gave...
New

We're in Beta

About us Mission Statement