Awesome

Modern datatables

Concept Overview

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.

Demo

Both example are available online 🥳:

• https://rails-hotwire.guillaumebriday.fr
• https://rails-vuejs.guillaumebriday.fr

Resources

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:

• Hotwire
• Laravel Livewire
• htmx
• Inertiajs
• Stimulus Reflex
• Phoenix Live_View
• Turbolinks

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! .

Contributing

Do not hesitate to contribute to the project by adapting or adding features ! Bug reports or pull requests are welcome.

License

This project is released under the MIT license.