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
96
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
47
Real-time application in Rails
philiplambok
0
73
Introducing Mutator Layer in Rails
philiplambok
0
290
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
GitHub's CSS Performance
jonrohan
1031
460k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
How to Ace a Technical Interview
jacobian
278
23k
A designer walks into a library…
pauljervisheath
207
24k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
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