ブログのSVGアイコンがチラついてムカついたのでやったこと
Next.jsのImageコンポーネントで発生するSVGアイコンのちらつき問題を、SVGインライン化によって解決した実装記録です。publicフォルダ配置では解消できなかった初回表示時のちらつきを、ビルド時にSVGコードを埋め込むことで無くしました。
#React
6 件
Next.js App RouterとPagefindで爆速のサイト内検索を実装する
Next.js (App Router) のブログに Pagefind で全文検索機能を実装する手順を紹介します。public ディレクトリへのインデックス出力設定や、クライアントサイドでの動的インポートなど、実装に必要なポイントをコード付きで解説します。
HonoXにおけるSSRとクライアントサイドHydrationの同期問題とその解決策
HonoXのSSRとクライアントHydrationの同期問題を解説。サーバーで正しく描画された表示がクライアントで元に戻る現象の原因を解明し、確実な状態同期を行う実装パターンを紹介します。
ReactとFlaskを連携させてみる part2
React→Flask→Reactのデータフロー実装について。FlaskとReactの連携part2。
React + Flaskを連携させてみる
ReactとFlaskを連携させたアプリケーション開発の手順。
【React】初めてのフロントエンド〜ランダムで今日行くラーメン二郎を決めてもらう〜
Reactを使ってランダムでラーメン二郎の店舗を表示するアプリを作成。初めてのフロントエンド開発。