taniadaniela / modern-datatables

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?

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 with classic, old school Rails application with server rendered views, Stimulus, Stimulus Reflex and Turbolinks.

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

I'll talk about all the differences in a blog post soon.

Demo

Both example are available online 🥳:

• https://rails-vuejs.guillaumebriday.me
• https://rails-stimulus.guillaumebriday.me

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:

• Laravel Livewire
• 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.