SPA + SSR + PWA の作り方とセキュリティについて - hiroppy's site
<script nonce="xxxxx" id="initial-data" type="text/plain" data-json="${preloadedState}" ></script> このpreloadedStateはエスケープ処理が必要なので注意してください。 クライアント側の読み込み方 const initialData = JSON.parse( document.getElementById("initial-data")!.getAttribute("data-json")!, ); const { store } = configureStore(initialData); https://github.com/hiroppy/ssr-sample/blob/master/src/client/index.tsx#L21-L22 useEffect SSR では、
Rails + ReactなSPAサイトでのSEO / SEO at Rails + React SPA - Speaker Deck
概要 ReactやVue.jsを用いたSPAサイトが増え、SEOを目的としたSSRやパフォーマンスチューニングの事例も増えてきています。 一方で近年のフロントエンド技術の裾野は広く、同じことをやろうとしても技術スタックが異なる場合同じ手法が使えないということがままあります。 例えばReact-RailsはSSR機能を備えており、オプションで指定するだけでSSRが可能です。 しかし非同期フローとしてRedux-Sagaを採用していると、二回のrenderToStringが必要となり、かつ二回目はJSのコールバックで実行されるためそのままではReact-RailsでSSRすることができません。 もし仮にRailsでなくNode.jsを利用していればこのコールバックを自然に扱うすることができるため問題になりません。 最終的な構成の事例だけを見ていると、なぜそういった構成になっているかの経緯まで掴
Twitter LiteはReactNativeWebで作られてる？？？ - そーす
【追記】 本人から確定ツイートありました。 If you use Twitter Lite you're now using a web app rendered by React Native for Web— Nicolas (@necolas) September 29, 2017 https://mobile.twitter.com/home ちょっと前にTwitterLiteがリリースされました。 なんでもProgressive Web App(PWA)対応したとかで話題になってました。 はじめてのプログレッシブ ウェブアプリ | Web | Google Developers 気になってソースを少し見てみたのですが、なんだかReactNativeWebを使っているのでは？？というソースを少し見かけました。 写真のreact-native-xxxってやつですね。 JSのソ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
