仮想DOMによるMPAのスパへの旋削


Plug: I help develop Million: Virtual DOM into the future! 💥🦁✨


動機


あなたがElevenのような静的サイト・ジェネレータを使用するかどうかにかかわらず、Ruby on Railsでサーバーにアプリケーションを提出したか、ちょうど明白なHTML/CSS/JSサイトを持っているかどうかにかかわらず、あなたは多分マルチページアプリケーションの何らかの種類を使用しているでしょう.
MPAの主な問題は、各ナビゲーション(例えばリンクをクリックして、フォームの提出)は、より多くの時間が無駄になっているフルページの再読み込みを必要とすることです.
我々は、反応/Vueとスパとして我々の全体のアプリを書き換えることができますが、それは時間がかかると不必要に複雑になります.
これはTurbo Driveのようなツールが存在する理由です.ターボドライブ“リンクのクリックとフォームの提出のための時計は、バックグラウンドでそれらを実行し、完全な再読み込みを行うことなく、ページを更新します.”
しかし、ターボドライブがあまりに複雑すぎる場合があります.

用途


現代の仮想DOMライブラリMillionを使用して、私はMPA to SPA routerを作成しました.
HTMLファイルにこのファイルを追加するだけです
import { router } from 'https://unpkg.com/million?module';

router();
そして、それは簡単です!