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
67
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
18
Real-time application in Rails
philiplambok
0
51
Introducing Mutator Layer in Rails
philiplambok
0
210
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
22
1.6k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
20
1.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
How to Ace a Technical Interview
jacobian
273
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
Ruby is Unlike a Banana
tanoku
96
10k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
GraphQLの誤解/rethinking-graphql
sonatard
55
9.3k
A better future with KSS
kneath
231
16k
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