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
89
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
39
Real-time application in Rails
philiplambok
0
68
Introducing Mutator Layer in Rails
philiplambok
0
280
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
12
620
Building Adaptive Systems
keathley
41
2.5k
Into the Great Unknown - MozCon
thekraken
36
1.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Optimizing for Happiness
mojombo
377
70k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
The Invisible Side of Design
smashingmag
299
50k
How to Ace a Technical Interview
jacobian
276
23k
Git: the NoSQL Database
bkeepers
PRO
429
65k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Site-Speed That Sticks
csswizardry
4
460
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