A gentle introduction to modern clien-side web frameworks for Rails developers See https://github.com/parasquid/blog_sample_rails/tree/introducing-vue-js-to-your-rails-devs for the repository

1. Vue on Rails
How to gently introduce modern client-side
web frameworks to your Rails developers

2. @parasquid
Chief Problem Solver
at Mindvalley

3. We had a monolithic Rails
app that served us well for
over 3 years

6. But mobile started
becoming big

7. We needed to make
endpoints that the mobile
app can use

8. During the first Ruby Conference in
KL I gave a talk on how to build
cross platform applications by default

9. http://life.beyondrails.com/blog/2016/08/13/life-beyond-rails-
building-cross-platform-applications/

10. We started the
conversion March 2017

11. Here’s how it looks
like right now

14. We’re concurrently developing
new full-stack features, as
well as improving the codebase

15. The project was mostly a
success: getting the team to
learn a new framework, and
getting management buy-in

16. Walk-through

17. Summary
Start with small wins
Be clear about tradeoffs (e.g. SEO)
Webpacker
Use a sandbox
Leverage Rails support for different output
formats (html and json)
Work on replacing one component at a time

18. Caveats
You will need to learn a new
language and frameworks
You will need to think differently
(server vs client, components)
Without SSR, SEO will get affected
You might have too much fun :D

19. @parasquid
Chief Problem Solver
at Mindvalley