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
97
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
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
A Tale of Four Properties
chriscoyier
160
23k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
A better future with KSS
kneath
239
17k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Agile that works and the tools we love
rasmusluckow
329
21k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
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