© 2019

Vue on Rails

End-to-End Guide to Building Web Apps Using Vue.js and Rails

  • First complete end-to-end solution using Vue.js and Ruby on Rails

  • Combines emphasis on key principles of modern web development with pragmatic code tutorial and practical lessons

  • Teaches the reader how to save hundreds of hours integrating Vue and Rails via webpacker


Table of contents

  1. Front Matter
    Pages i-xv
  2. Start Your Engines – The Technology

    1. Front Matter
      Pages 1-1
    2. Bryan Lim, Richard LaFranchi
      Pages 3-18
    3. Bryan Lim, Richard LaFranchi
      Pages 19-40
    4. Bryan Lim, Richard LaFranchi
      Pages 41-79
  3. Hands on the Wheels – Tutorials

    1. Front Matter
      Pages 81-81
    2. Bryan Lim, Richard LaFranchi
      Pages 83-113
    3. Bryan Lim, Richard LaFranchi
      Pages 115-133
    4. Bryan Lim, Richard LaFranchi
      Pages 135-151
  4. Turbo Charge – Production Ready

    1. Front Matter
      Pages 153-153
    2. Bryan Lim, Richard LaFranchi
      Pages 155-182
    3. Bryan Lim, Richard LaFranchi
      Pages 183-186
  5. Back Matter
    Pages 187-193

About this book


Build modern and progressive web applications with Vue.js and Ruby on Rails. As the Rails community embraces JavaScript, this book answers your most pressing questions, including how to integrate front-end technologies with Rails, whether to build a single- page application, when and how to use JavaScript in your project, how to scaffold a Vue component in Rails, and how to configure Vue.js in a Rails project.

This book explores how to manage and understand priorities when working with Vue on Rails and how to determine the best configuration for your project. You'll see how to reuse your Vue components in a Rails project with less coding and harness the component options, as well as learn the basics of Vue geared towards traditional Rails developers. You'll also use webpacker to set up your project and pass data from your Vue component to a Rails controller and back. Finally, you’ll learn which is the best configuration for the router and how to test and deploy your application.

These topics are essential for developers and product owners because they cover end-to-end advice for building a web application incrementally or from scratch. Vue.js on Rails shows you just how easy it is to build and maintain a modern web app and save hundreds of hours integrating these two technologies. 


back-end integration webpacker web apps framework reactive front-end javascript

Authors and affiliations

  1. 1.SingaporeSingapore
  2. 2.BoulderUSA

About the authors

Bryan Lim has been a Rails developer since 2009. He is one of the contributors to Rails’ webpacker project. He has a bachelor’s degree in Computing and a master’s degree in Business Analytics from National University of Singapore. He runs a small software consultancy firm and is based in Singapore. Some of his work can be found on his GitHub (@ytbryan).

Richard LaFranchi is a Senior Software Engineer at Charter Communication and works on internal testing tools for the organization. He has a bachelor’s degree in Civil Engineering from University of Colorado, Boulder and is currently pursuing a master’s in Computer Science at Colorado State University. He first developed a passion for web development in 2011, and he publishes many Vue/Rails open source tutorials and projects on his GitHub (@rlafranchi).

Bibliographic information

  • Book Title Vue on Rails
  • Book Subtitle End-to-End Guide to Building Web Apps Using Vue.js and Rails
  • Authors Bryan Lim
    Richard LaFranchi
  • DOI
  • Copyright Information Bryan Lim and Richard LaFranchi 2019
  • Publisher Name Apress, Berkeley, CA
  • eBook Packages Professional and Applied Computing Professional and Applied Computing (R0) Apress Access Books
  • Softcover ISBN 978-1-4842-5115-7
  • eBook ISBN 978-1-4842-5116-4
  • Edition Number 1
  • Number of Pages XV, 193
  • Number of Illustrations 21 b/w illustrations, 0 illustrations in colour
  • Topics Web Development