qwerescape

qwerescape

Could you share your way of formatting EEx templates? Say if I want to render a list of lists: list_of_lists = [[1,2],[3,4],[5,6]], I’ve seen several ways:

  1. indent every control statement and markup
<section>
  <%= for list <- @list_of_lists do %>
    <ol>
      <%= for number <- list %> 
        <li><%= number %></li>
      <% end %>
    </ol>
  <% end %>
</section>
  1. indent only the markup, align the control statements with the parent markup:
<section>
<%= for list <- @list_of_lists do %>
  <ol>
  <%= for number <- list %> 
    <li><%= number %></li>
  <% end %>
  </ol>
<% end %>
</section>

I see pros and cons of both. First way seems to be easier to read because it looks like a stack, but the inner most line can get really long due to the indentation, and the for comprehension isn’t really a child of the parent tag..Second way doesn’t generate long lines, also if you ignore the “non-html” code, the markups look like they have the right structure, but it is a little harder to read because my eyes has to go zigzag.

What do you think?

Showing Posts 1 to 1

Matt

Matt

In my opinion, the right way is your way. Whichever way makes you feel more satisfied with what you wrote. My personal preference is the first option. It flows better and easier to read. It used to bother me that it produced extra spaces, but I rarely read the final raw HTML. During debugging the HTML I would review would be through Firefox’s inspector pane.

— All posts loaded —

Where Next? Top

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...
2977 94592 917
New
cblavier
Hey there, It’s been more than a year since we started using LiveView as our main UI library and building a whole library of UI componen...
New
caslu
I want to open this thread for you all to discuss and help those who really like Ash but are still hesitant to use it in a real project. ...
New
mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
heathen
Quite interesting article Google brought me. Didn’t find any mentions about it here. What do you think in general? Would you use togethe...
New
maennchen
:warning: Security advisory: Decimal DoS vulnerability A vulnerability has been published for decimal where very large exponents can cau...
New
marciol
It would be helpful to have a list of companies worldwide that hire engineers without prior experience in Elixir. Often, it can be quite ...
New

Other Trending Topics Top

marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
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
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
webofbits
Aludel - LLM Evaluation Workbench Aludel is an embeddable Phoenix LiveView dashboard for evaluating and comparing LLM prompts across mult...
New
webofbits
With AI doing more of the implementation work, I’ve been wondering how much coding I should deliberately keep doing myself. My main conc...
#ai
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews