Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Volt: Ruby Web Development Recharged
Search
Bozhidar Batsov
April 18, 2015
Programming
2
410
Volt: Ruby Web Development Recharged
Slide deck from my talk at the BulgariaWebSummit 2015.
Bozhidar Batsov
April 18, 2015
Tweet
Share
More Decks by Bozhidar Batsov
See All by Bozhidar Batsov
Weird Ruby (RubyDay 2024, Verona)
bbatsov
0
120
Sustainable OSS (Balkan Ruby 2024, Sofia)
bbatsov
0
120
Ruby's Creed (RubyDay 2023, Verona)
bbatsov
0
14
Victims of Complexity
bbatsov
0
300
Ruby 3.0 Redux (Spark Academy, Jan 2021)
bbatsov
1
250
Ruby 3.0 Redux (Pivorak 4.0)
bbatsov
0
440
The Elements of Programming Style (HackConf 2019)
bbatsov
0
170
The Groundhog Day Development Method (HackConf 2019)
bbatsov
0
260
CIDER Distilled: A Common Foundation for Clojure Tooling
bbatsov
0
270
Other Decks in Programming
See All in Programming
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
170
TCAを用いたAmebaのリアーキテクチャ
dazy
0
250
オレを救った Cline を紹介する
codehex
16
15k
kintone開発を効率化するためにチームで試した施策とその結果を大放出!
oguemon
0
400
Learning Kotlin with detekt
inouehi
1
220
PromptyによるAI開発入門
ymd65536
1
150
ナレッジイネイブリングにAIを活用してみる ゆるSRE勉強会 #9
nealle
0
170
15分で学ぶDuckDBの可愛い使い方 DuckDBの最近の更新
notrogue
3
870
CIBMTR振り返り+敗北から学ぶコンペの取り組み方反省
takanao
1
240
運用しながらリアーキテクチャ
nealle
0
240
バイセルでの AI を用いた開発の取り組み ~ Devin, Cursor の活用事例・知見共有 ~
umaidashi
0
130
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
9
1.7k
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
11
560
Fireside Chat
paigeccino
36
3.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
270
Code Reviewing Like a Champion
maltzj
521
39k
KATA
mclloyd
29
14k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
The Cost Of JavaScript in 2023
addyosmani
47
7.5k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
13
1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Transcript
Volt: Ruby Web Development Recharged by Bozhidar Batsov
@bbatsov
Joan
None
Few important things you need to know about me
None
None
I’m an Emacs fanatic
I still have nightmares about PHP4
I love Ruby
I tolerate Rails
I don’t like JavaScript
None
Why am I here?
Welcome to Rubylandia!
Ruby (2005)
None
None
None
Ruby (2006)
OMG, Rails is amazing!
Ruby (2008)
OMG, Rails is amazing & useful!
Ruby (today)
Rails is somewhat boring…
Rails is the new JEE!
Aren’t all the cool devs doing Clojure now?
Hell, yeah!!!
Rails innovation (2005-2008) Convention over configuration Interactive development Scaffolding ActiveRecord
REST
Rails innovation (today) Turbolinks foreign keys background jobs
None
None
10% 90% Rails Other
4% 96% Web Development Other
Fuck this shit!!!
Rails, Rails, Rails
Development Complexity
0 25 50 75 100 1999 2000 2001 2002 2003
2004 2005 2006 2007 2009 2011 2015
Web development (2005) Model View Controller Routing Server Client
Web development (2006) Model View Controller Routing Server Client AJAX
RandomJS
Web development (2010) Model View Controller Routing Server Client AJAX
REST Assets RandomJS
Web development (2013) Model View Controller Routing Server Client AJAX
REST Model View Controller Routing Assets Assets
None
What’s the solution?
VBScript!
Isomorphic Development
Isomorphic?
Isomorphic being of identical or similar form, shape, or structure
Same code runs on the client & the server
Web development (2015) Model View Controller Routing Server Client AJAX
REST Model View Controller Routing Assets Assets Shared Auto Sync
None
Meet Volt
Volt is isomorphic
Models, views, controllers & routing are shared between the client
and the server
WOW!!!
Meteor.js
Ruby on the server-side, Ruby on the client-side
Ruby on the server- side, Ruby on the client- side
Ruby on the server-side
Ruby on the client-side
Fuck this shit!!!
Ruby > JavaScript
None
None
Ruby’s advantages Does’t have this Sane nil semantics No need
for a book called “Ruby: The Good Parts” Standard library Do you really need more?
Fuck this shit!!!
Opal.rb http://opalrb.org/
Does this shit work?
Yes!
def hello(name) puts "Hello, #{name.capitalize}!" end hello("bruce")
/* Generated by Opal 0.7.0 */ (function(Opal) { Opal.dynamic_require_severity =
"error"; var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice; Opal.add_stubs(['$puts', '$capitalize', '$hello']); Opal.Object.$$proto.$hello = function(name) { var self = this; return self.$puts("Hello, " + (name.$capitalize()) + "!"); }; return self.$hello("bruce"); })(Opal);
Is this shit any good?
Debatable
Opal features Source maps ruby-spec compatibility Small footprint Little performance
overhead
Ruby compatibility Mostly compatible with Ruby 2.0 Implements most of
the Ruby stdlib Has immutable strings (unlike Ruby)
Fuck this shit!!!
Volt Architecture
MVC Controller View Model
MVVM Controller/ ViewModel View Model
Volt is reactive
Web Sockets FTW
<:Body> <h1>Todo List</h1> <form e-submit="add_todo" role="form"> <div class="form-group"> <label>Todo</label> <input
class="form-control" type="text" value="{{ page._new_todo }}" /> </div> </form>
def add_todo page._todos << { name: page._new_todo } page._new_todo =
'' end
<:Body> <h1>Todo List</h1> <table class="todo-table"> {{ page._todos.each do |todo| }}
<tr> <td>{{ todo._name }}</td> </tr> {{ end }} </table>
None
Demo
Interesting bits Components User management is built-in Tasks
Volt’s not perfect Opal isn’t quite there yet MongoDB is
the only supported datastore Many features are work in progress The documentation is kind of lacking
Contribute to Volt!
https://github.com/voltrb
0 25 50 75 100 1998 1999 2000 2001 2002
2003 2004 2005 2006 2009 2011 2015
0 25 50 75 100 1998 1999 2000 2001 2002
2003 2004 2005 2006 2009 2011 2015 2016
Hell, yeah!!!
Getting Started with Volt Official docs (http://voltframework.com/docs) gitter office hours
video tutorials
Felina
@bbatsov http://batsov.com http://emacsredux.com
[email protected]