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
390
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
Victims of Complexity
bbatsov
0
270
Ruby 3.0 Redux (Spark Academy, Jan 2021)
bbatsov
1
230
Ruby 3.0 Redux (Pivorak 4.0)
bbatsov
0
410
The Elements of Programming Style (HackConf 2019)
bbatsov
0
160
The Groundhog Day Development Method (HackConf 2019)
bbatsov
0
240
CIDER Distilled: A Common Foundation for Clojure Tooling
bbatsov
0
190
Ruby 3.0: Redux (Saint P RubyConf 2019)
bbatsov
0
220
Ruby 3 Redux
bbatsov
0
330
nREPL Redux (DCD 2019)
bbatsov
1
480
Other Decks in Programming
See All in Programming
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
960
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
340
Git Rebase
bkuhlmann
11
1.6k
Snowflakeで眠ったデータを起こそう!
estie
0
120
Java 22 Overview
kishida
1
180
1BRC--Nerd Sniping the Java Community
gunnarmorling
0
340
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
4.1k
Let's learn code review
riofujimon
2
430
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.1k
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
380
GitHub Copilotのススメ
marcy731
1
200
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
790
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
How STYLIGHT went responsive
nonsquared
92
4.8k
Unsuck your backbone
ammeep
663
57k
Embracing the Ebb and Flow
colly
80
4.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
The Language of Interfaces
destraynor
151
23k
Fireside Chat
paigeccino
21
2.6k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
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]