既存のページに部分的にReactを導入する

既存のページに部分的にReactを導入する

Facebook社によって開発されたReactですが、段階的にシステムに導入できるように設計されています。SPAで用いられることが多いですが、最小限のコンポーネントの利用だけでもできることをご存知でしょうか。 いきなり大規模にReactを使うとなるとハードルが高くとっつきにくいかと思いますので、まずは小さくはじめてみましょう。 既存のWEBサイトにReactを導入する ①Reactを描画するエリアを作る まずはHTML要素に空のDiv要素を設けてReactが描画される場所を作ってあげます。要素にユニークなidを付与します。...
フロントをNuxt.js、バックエンドをfirebaseでSPA環境を作る

フロントをNuxt.js、バックエンドをfirebaseでSPA環境を作る

フロントをnuxt.js、バックエンドをfirebaseでSPA開発をする場合の連携方法についてご紹介します。 まずは、npx create-nuxt-appでnuxt.jsの環境を構築し、その後の方法を以下に示します。注意として、create-nuxt-appで環境構築する際の設定として、レンダリングモードをSPAにすることが必要になる点に気をつけましょう。...