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

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

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

next.jsの環境にWebフォントを読み込む

nuxt.jsの環境にWebフォントを読み込むには、nuxt.config.jsのheadの中のlink配列に要素を追加(インクルード)する必要があります。 link:[ {rel:'icon',type:'image/x-icon',href:'/favicon.ico'},...