erb, haml or slim: which one do you suggest? And why? [closed]

Solution 1:

Two big advantages of using slim over haml:

1. Slim is currently about eight times faster than haml.

2. Slim supports HTTP streaming, while HAML doesn't.

3. Slim has a more natural syntax: a href="foo.html"

Solution 2:

ERB is good mainly if you have a web designer that will work on plain HTML and does not know either haml or slim. This way he can write HTML and you can embed ruby logic with the proper tags.

If you work on both HTML and ruby logic, or your designer is ready to learn something new (like HAML) I'd go for HAML. It is a lot more ruby-friendly, reduces char count by much and a lot more readable than ERB.

For example (taken from official HAML site):

In ERB your view will look like this:

<div id="profile">
  <div class="left column">
    <div id="date"><%= print_date %></div>
    <div id="address"><%= current_user.address %></div>
  </div>
  <div class="right column">
    <div id="email"><%= current_user.email %></div>
    <div id="bio"><%= current_user.bio %></div>
  </div>
</div>

While in HAML it will look like this:

#profile
  .left.column
    #date= print_date
    #address= current_user.address
  .right.column
    #email= current_user.email
    #bio= current_user.bio

A lot cleaner!

As for the difference between HAML and SLIM - I never really worked with SLIM but I guess it is a matter of taste - take a look at both syntaxes and decide which looks better in you eyes. I don't think there is a definite winner between those two (HAML/SLIM).

Solution 3:

Off the top of my head this is what I came up with

ERB:

Pros

• default out of the box
• not white space dependent
• lowest barrier of entry (if coming from HTML) as its HTML with Ruby code sprinkled in
• most IDE's lexers read it by default
• DHH prefers it
• legacy apps are probably still using it

Cons

• more verbose
• content_for tags in helpers and views can get out of hand quickly
• content_for tags makes nesting tags harder as erb only returns the last line in the block. so you have to append to a string and then return that.

HAML

Pros

• more concise. no closing tags, fits in smaller screens
• visually cleaner structure
• has built in helpers (haml_concat, haml_capture) to utilize haml in helper methods
• class chaining
• lots of useful syntactic sugar like # for divs or . for class chaining, or :javascript for JS tags

Cons

• whitespace dependent which makes for some hard errors to figure out at times
• complex tags usually need to resort to "hash" format. (Although I actually think this is a great example of flexibility to someone starting out it could be a pain.)
• added as a gem (again probably a stretch to put this as a con)
• designers might have some trouble adjusting
• in addition to the general whitespace warning... simple whitespace errors eg. tabs and spaces for indentation, can cause pages to err in production which normal specs/test won't catch. Moral: Expect greater need for view tests and possibly don't use haml for mission critical views, unless you're sure that your tests are testing the actual rendering of the view.
• is slower (than erb)
  • caveat: this is ruby code we're talking about if speed is a blocking issue in your application there are alternatives to ruby, e.g. haskell

Solution 4:

The question for me comes down to would you rather put % before every tag or | before every new block of text?

Slim:

 tag(attr= "value")
  | text

Haml:

 %tag{attr: "value"}
   text

One more thing to lookout for: haml assumes a white space between new lines (remove whitespace in haml) while slim assumes no space (Add whitespace in Slim here and here)