仮想DOMによるMPAのスパへの旋削
1441 ワード
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();
そして、それは簡単です!Reference
この問題について(仮想DOMによるMPAのスパへの旋削), 我々は、より多くの情報をここで見つけました https://dev.to/aidenybai/turning-mpa-to-spa-with-virtual-dom-5abdテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol