Gon gem. For RDRC 2013, June 7

Alex Gaziev’sGEM GON

@gazay (github, twitter)Saturday, June 8, 13

Saturday, June 8, 13

SURFING

JAZZ

OSS

:russia => ‘BALI’


Some of my works

gon

talks

gon-sinatra

tonik

is

hockeypuck

...


A little about GON

Send data from action to JS

Started 2 years ago

~800 stars

50+ forks and PRs


Data to JS: data-attribute

Instance variable in controller

Data-attribute in view

Find tag and parse data attribute


Data to JS:data-attr example

controller# home_controller.rb def index # some logic @products = counted_products_collection end



view# views/home/index.html.erb ... some content <%= contant_tag “div”, id: “products”, data: { products: @products } do %> Loading products... <% end %>



JS# assets/javascripts/pages/home.js.coffee jQuery -> doSomething $(‘#products’).data(‘products’)


Data to JS:javascript_tag

Excess lines inside your views

You should think what you write



view# views/home/index.html.erb ... some content <%= javascript_tag do %> window.prodsURL = “<%=j products_url %>” window.prods = <%=raw @prods.to_json %> <% end %>



JS# assets/javascripts/pages/home.js.coffee jQuery -> doSomething prods



Data to JSGON

Views step - once (perfect - in layout)

Don’t have to think about escaping

Stored uniq data per request


Data to JS:GON example

controller# home_controller.rb def index # some logic gon.products = counted_collection gon.products_url = products_url end



view# views/layouts/layout.html.erb <head> <%= include_gon(options) %> ... your js, css etc



JS

# assets/javascripts/pages/home.js.coffee jQuery -> doSomething gon.products


Usual ways: cons

Escaping ( “</script><script>evil()</script>”)

Excess lines in your views

Search for tag and parse attributes

Views step


GON: pros

Automatically escape and transform to_json all data

What you write in action – you’ll get in JS

Should modify views once


GON. Next versions

Generate json with template engines

Share data between requests

Renew data in JS gon easy way


GONRABL and jBuilderSuccess!

Screencast

Ruby Weekly

More users => more PRs


GON, RABL and jBuilder

why so cool?All power of RABL and jBuilder

Clean your controller new way

Render multiple templates with GON


GON and RABLmulti templates

# home_controller.rb def index gon.rabl ‘path_to_temlpate1’, as: ‘posts’ gon.rabl ‘path_to_template2’, as: ‘users’ gon.rabl ‘path_to_template3’, as: ‘admins’ gon.rabl # app/views/home/index.rabl end


GON and jBuilder problems

jBuilder rendering flow

Metaprogramming

Whole environment for eval



GON Global

Share data application-wide

Initial data

Change settings everywhere by event


GON Globalinit data example

# config/initializers/gon.rb Gon.global.pictures_per_user = 4

# app/assets/javascripts/imageboard.js.coffee setLimitToUser = gon.global.pictures_per_request


GON Globalchange data example

# app/model/user.rb after_save :change_users_limit

def change_users_limit if User.count > 1000 Gon.global.pictures_per_request = 3 end end


GON watch

Renew data for variable

No excess LOC

Use current state of action


GON watch:how it works

# home_controller.rb def index num = User.count * factor + params[:some].to_i gon.watch.pictures_per_request = num gon.watch.other_num = num * factor2 end



# layout.html.erb <head> <%= include_gon(watch: true) %> ...



# home_index.js.coffeerenewLimit = (count) -> $(‘#limit-counter’).text(count)

gon.watch(‘pictures_per_request’, interval: 1000, renewLimit)


GON watchexample


Thank you!Any questions?

http://github.com/gazay/gon




Date post:	01-Nov-2014
Category:	Technology
Upload:	alexey-gaziev
View:	1,360 times
Download:	0 times

Gon gem. For RDRC 2013, June 7

Technology