I’m new to Elixir/Phoenix. I also don’t know a ton about a lot of the newer js technologies. Having fooled around with bootstrap, I found it super easy to create really beautiful websites really quickly.
I want to use Elixir/Phoenix framework but also create something really beautiful. I’m wondering if one builds some beautiful site in Angular or Bootstrap or whatever technology, is it easy to integrate this into Phoenix?
In my limited experience I have not found an easy way to integrate the two technologies together – like I can have this really unpleasantly looking site built in Phoenix/Elixir that handles messaging really well off the shelf, or I can build a much more pleasant looking site in some other technology but maybe which does not scale well on the messaging front.
Am I misunderstanding things – and could someone point me to any resources that describe how to to better design the front end in Elixir/Phoenix (presumably with some other technologies like bootstrap)? I’m having trouble understanding how to refactor the off the shelf code to integrate custom UI stuff. And partly that is being new to the technology but also because I haven’t seen any good resources for such (e.g. books, online resources etc) that explain what one is supposed to do.
Phoenix by and large is agnostic to the front end technology being used.
Most neophytes struggle with the concept of bundling, some thoughts here:
But when it comes down to it you don’t even need to use a bundler, Phoenix can support “old school” practices, see:
‡ Integration points:
How Phoenix launches an asset build is configured in app/config/dev.exs under :watch:
Assuming you want to communicate both apps (front end and back end), you do need to build an API in Phoenix, then the Angular app should fetch JSON data (exposed by Phoenix) and show the relevant content on the user interface.