NOTE: This is more up-to-date than the last commit date would indicate, as most of the interesting work is not on the
What is this?
- scoped-jquery: I wouldn't actually recommend this for anyone. But, if your team is currently using jQuery and adopting a new framework is a tough sell right now, here's a relatively simple pattern that may help.
- vue-simple: A fantastic strategy for existing projects, as Vue plays well with jQuery and other DOM-manipulating libraries. This integration strategy also requires less than 1 minute of setup! As for learning curve, becoming very productive in Vue takes less than a day.
- vue-browserify: Recommended strategy for most new projects. It takes about a half hour to set up, offers a UMD module system, very nice workflow with hot module reloading, and best of all - the configuration is simple enough that it's actually possible for mere mortals to understand everything that's happening!
- vue-webpack: Recommended for people who want to be on the cutting edge and are willing to dive into the guts of build tools. It offers the best possible workflow and tooling possible for any framework at the time of writing.
How do I use this?
There are two recommended ways of browsing this project. The first is to read the diffs between branches in order of rising complexity. The current branch (
master) is just a newly generated Rails app.
- scoped-jquery..vue-simple: Converts the scoped jQuery to a much simpler Vue component.
frontendfolder managed by Browserify. Components are also organized into more advanced components in
- vue-browserify..vue-webpack: Bypasses sprockets and all view-related Rails features, now managing the entire UI in the
frontendfolder through Webpack.
If there's a specific setup you're interested in and you want to see all work done from the point of a newly generated Rails app, just diff with
If you notice a mistake, room for improvement, or have questions, issues and pull requests are very welcome.