{"id":2121,"date":"2012-05-21T14:00:01","date_gmt":"2012-05-21T11:00:01","guid":{"rendered":"http:\/\/blog.railsware.com\/?p=2121"},"modified":"2021-08-16T15:55:33","modified_gmt":"2021-08-16T12:55:33","slug":"shared-handlebars-templates-for-rails-3","status":"publish","type":"post","link":"https:\/\/railsware.com\/blog\/shared-handlebars-templates-for-rails-3\/","title":{"rendered":"Shared Handlebars Templates for Rails 3"},"content":{"rendered":"\n

Hello my dear friends. Today we will talk about the way, how we share handlebars templates in Rails 3. In the previous article<\/a> I explained you how we share mustache templates between rails backend and javascript frontend in our company<\/a>. After article publication, many people turned to the question “What about handlebars templates?”. With a little of efforts, we have created an alternative gem for shared templates – SHT_rails (Shared Handlebars Templates for Rails).<\/p>\n\n\n\n\n\n\n\n

How it works?<\/h2>\n\n\n\n

First of all you have to add this gem to your Gemfile and start ‘bundle install’:<\/p>\n\n\n\n

gem 'sht_rails', git: 'git:\/\/github.com\/railsware\/sht_rails.git'\n<\/pre>\n\n\n\n
Next launch generator:<\/p>\n\n\n\n
rails g sht_rails:install\n<\/pre>\n\n\n\n
That’s all.<\/p>\n\n\n\n
Now you can create a directory in ‘app\/templates’ handlebars templates (these templates ends with ‘.handlebars’ by default). Let’s create partial for the product:<\/p>\n\n\n\n
File: ‘app\/templates\/products\/_product.handlebars<\/p>\n\n\n\n
Content:<\/p>\n\n\n\n
<a href=\"{{url}}\">{{title}}<\/a>\n<p>{{description}}<\/p>\n<\/pre>\n\n\n\n
You can render this partial in ActiveView:<\/p>\n\n\n\n
<%= render \"products\/product\", :handlebars => product.as_json %> \n<\/pre>\n\n\n\n
And in JavaScript:<\/p>\n\n\n\n
var product = \u2026 ; come from ajax call as json\nvar content = SHT['products\/product'](product);\n<\/pre>\n\n\n\n
If you want use handlebars partials, here example in ActiveView:<\/p>\n\n\n\n
<%= render \"products\/product\", :handlebars => product.as_json, :partials => {:partial_key => (render \"products\/partial\")} %>\n<\/pre>\n\n\n\n
And in Javascript:<\/p>\n\n\n\n
Handlebars.registerPartial('partial_key', SHT['products\/partial'])\ncontent = SHT['products\/product'](product)\n<\/pre>\n\n\n\n
So in the end you’ll have only one template, which is shared between Rails and JavaScript. The gem has one disadvantage (in my humble opinion) – it installed on the backend “therubyracer” gem, which compile templates on backend. Basically this gem is used to precompile assets in rails and doesn’t require on production.<\/p>\n\n\n\n
Source code: https:\/\/github.com\/le0pard\/st_rails_example<\/a><\/p>\n\n\n\n
That’s all folks!<\/p>\n\n\n\n
Links<\/h2>\n\n\n\n
Rubygems: https:\/\/rubygems.org\/gems\/sht_rails<\/a><\/p>\n\n\n\n
Source code: https:\/\/github.com\/railsware\/sht_rails<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Hello my dear friends. Today we will talk about the way, how we share handlebars templates in Rails 3. In the previous article I explained you how we share mustache templates between rails backend and javascript frontend in our company. After article publication, many people turned to the question “What about handlebars templates?”. With a…<\/p>\n","protected":false},"author":17,"featured_media":2129,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"coauthors":["Alexey Vasiliev"],"class_list":["post-2121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development"],"acf":[],"aioseo_notices":[],"categories_data":[{"name":"Engineering","link":"https:\/\/railsware.com\/blog?category=development"}],"post_thumbnails":"https:\/\/railsware.com\/blog\/wp-content\/themes\/railsware\/vendors\/images\/article-thumbnail-default.jpg","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/posts\/2121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/comments?post=2121"}],"version-history":[{"count":32,"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/posts\/2121\/revisions"}],"predecessor-version":[{"id":14158,"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/posts\/2121\/revisions\/14158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/media\/2129"}],"wp:attachment":[{"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/media?parent=2121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/categories?post=2121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/tags?post=2121"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/railsware.com\/blog\/wp-json\/wp\/v2\/coauthors?post=2121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}