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
Modern Frontend in Rails
Search
Philip Lambok
June 24, 2019
0
78
Modern Frontend in Rails
About webpacker stuff and create simple CRUD app with Vue and Rails.
Philip Lambok
June 24, 2019
Tweet
Share
More Decks by Philip Lambok
See All by Philip Lambok
Reactive Application in Rails
philiplambok
0
30
Real-time application in Rails
philiplambok
0
62
Introducing Mutator Layer in Rails
philiplambok
0
260
Featured
See All Featured
Fireside Chat
paigeccino
34
3.1k
Side Projects
sachag
452
42k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
540
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Done Done
chrislema
182
16k
The Language of Interfaces
destraynor
155
24k
KATA
mclloyd
29
14k
A Philosophy of Restraint
colly
203
16k
Unsuck your backbone
ammeep
669
57k
RailsConf 2023
tenderlove
29
960
It's Worth the Effort
3n
183
28k
Transcript
Modern Frontend in Rails By Philip Lambok
Rails 6 Released!
Webpacker Sebagai default js compiler!
None
Apa itu webpacker? • Webpacker makes it easy to use
the JavaScript pre-processor and bundler webpack 4.x.x+ to manage application-like JavaScript in Rails.
Apa itu webpack? • Javascript autoloader • Solusi atas masalah:
– Ketika projek hanya punya 1 file js saja. – Membuat struktur tapi tidak scalling.
Javascript Framework • Keuntungan pakai framework – Deliver fitur lebih
cepat – Lebih mudah dalam menulis kode – Don’t repeat yourself • Kerugian tanpa framework – Kode menjadi global – Sulit menamakan sesuatu – Tidak scalling
Web Component
• Kita membuat costum-tag-sendiri. – Kode menjadi terisolasi – Kode
reuseable (mudah digunakan kembali) – Lebih scalling
• Salah satu framework paling popular saat ini yang dibuat
Evan You (Former Google Dev)
SPA VS Hybrid
Kapan kita harus gunakan ini? • Permintaan client akan: –
Validasi form ketika user mengetik – Bekerja dengan table yang dinamis (rich feature)
Kapan kita harus gunakan ini? (Lanj.)
Studi Kasus (CRUD) • Instalasi
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
Don't use javascript if it's not needed
Bonus
None
Thanks Source code: https://github.com/philiplambok/crud-vue-rails