Front-end dependency management in Rails is a bit of a mess. Engines, other Gems, Downloading files manually... Bower to the rescue!

1. DOGS AND CATS
LIVING TOGETHER
Mass Hysteria!

2. RAILS ENGINES
MANUAL DOWNLOADS

3. BOWER + RAILS

4. RAILS NEW BOWERAILS
$risnwbwris
al e oeal
cet
rae
cet RAM.dc
rae EDEro
cet Rkfl
rae aeie
cet cni.u
rae ofgr
cet .iinr
rae gtgoe
cet Gmie
rae efl
cet ap
rae p
..
.
Uigris(..)
sn al 402
Uigro (.22
sn dc 31.)
Uigss (..2
sn as 321)
Uigss-al (..)
sn asris 401
Uigslt3(..)
sn qie 138
Yu bnl i cmlt!
or ude s opee
Ue`udeso [enm] t seweeabnldgmi isald
s bnl hw gmae` o e hr
ude e s ntle.

5. ADD BOWER­RAILS TO GEMFILE
suc 'tp:/uyesog
ore hts/rbgm.r'
#Bnl eg Risised gm'al' gtu:'al/al'
ude de al nta: e ris, ihb risris
gm'al' '..'
e ris, 402
#Uebwrfrfotedast
s oe o rn n ses
gm'oe-al'
e bwrris
and then?
bnl
ude

6. GENERATE
risgbwrrisiiilz
al
oe_al:ntaie
cet bwrjo
rae oe.sn
results in a bower.json file containing:
{
"i" {
lb:
"ae:"oe-al gnrtdlbast"
nm" bwrris eeae i ses,
"eednis:{
dpnece"
}
}
,
"edr:{
vno"
"ae:"oe-al gnrtdvno ast"
nm" bwrris eeae edr ses,
"eednis:{
dpnece"
}
}
}

7. CONFIGURE
cni/plcto.b
ofgapiainr
mdl Bwris
oue oeal
casApiain<Ris:plcto
ls plcto
al:Apiain
#CniueBwr
ofgr oe
cni.sespts< Risro.on'edr,'ses,'oe_opnns)
ofgast.ah < al.otji(vno' ast' bwrcmoet'
ed
n
ed
n

8. CONFIGURE, STEP 2
apast/tlset/plcto.s
p/sessyehesapiaincs
* rqiebosrp
= eur otta
apast/aacit/plcto.s
p/sesjvsrpsapiainj
/=rqiebosrp
/ eur otta

9. Bowerfile
ast"otta"
se bosrp
and then...
Install
rk bwrisal
ae oe:ntl

10. BIZOWZER!
rk bwrudt
ae oe:pae
keeps your front-end compenents up-to-date!

11. EXAMPLE APP AND SLIDES
Click here: Example Bower Rails App

12. Ivan Storck
@ivanoats
@codefellowsorg
Faculty Blog
Codefellows Blog