任意のテンプレートエンジン(HTML) で React を部分的に用いる際に 便利な createPortal API について

任意のテンプレートエンジン(HTML) で React を部分的に用いる際に 便利な createPortal API について React は基本的には UI を記述するライブラリですので、サーバーサイドは別の言語を用いることが多いかと思います。その場合は何らかのテンプレートエンジンで html を生成してその data 属性を返してサーバーの変数を React の Props を渡したいという場合がしばしばあるのではないかと思われます。 (Next とか React とシームレスにつなげる Web フレームワーク以外は全部そういうときありそう。) そんなときに便利な createPortal を使った小技を紹介します。 テンプレートエンジンはRubyにおける Haml、Erb , JavaScriptにおける Pug, Ejs ,PHP であれば Smarty などのイメージです。 そ