This project shows how to build a modern real life application with in two different ways.
They are many ways to build reactive web interfaces but do we really need to add the complexity of JavaScript frameworks like Vue.js or React?
These tools are very powerful but the complexity they add to a full-stack developer's workflow is INSANE.
In this repo, you'll find two apps:
👉 One is build with Rails and Hotwire aka NEW MAGIC.
👉 The other with Rails as a backend API and Vue.js as a full static SPA in the frontend.
They have the exact same features and level of responsiveness.
👉 Here is a blog post with some details of how it works under the hood: https://guillaumebriday.fr/hotwire-reactive-search-form-without-javascript
👉 You can already use Stimulus Rails Autosave to auto-submit your forms with Stimulus without writing a single line of custom JavaScript.
Both example are available online 🥳:
More and more developers come back from building dedicated SPAs and just want to use the power of Vue or React in a classic Backend application.
Many projects help you in multiples frameworks:
If you're still perplex about this old school approach, you should watch this video from Sam Stephenson:
Turbolinks 5: I Can’t Believe It’s Not Native! .
Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.
This project is released under the MIT license.