React 18 関連ã®è³‡æ–™ã‚’èªã‚“ã§ã„ãStreaming HTML 㨠Selective Hydration SSR ã®å…¨ä½“åƒ ãƒ‡ãƒ¼ã‚¿ã®å–å¾— HTMLã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° JSã®èªã¿è¾¼ã¿ Hydration ç”»é¢ã‚’インタラクティブã«ã™ã‚‹ (イベントãƒãƒ³ãƒ‰ãƒ©ãƒ¼ã®ç™»éŒ²ãªã©) 今ã¾ã§ã®SSRã¯ã€ä¸Šè¨˜ã®æµã‚Œã‚’ç”»é¢å…¨ä½“ã§ã™ã‚‹ or ã—ãªã„ã‹ã®2択ã ã£ãŸã€‚ã“ã®ãŸã‚ã€ç”»é¢ã®ã©ã“ã‹ã«JSサイズã®å¤§ãã„ライブラリをèªã¿è¾¼ã‚€å¿…è¦ã®ã‚るコンãƒãƒ¼ãƒãƒ³ãƒˆã‚„データã®å–å¾—ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒã‚ã‚‹å ´åˆã€ãã‚Œã¯ç”»é¢å…¨ä½“ã«æ‚ªå½±éŸ¿ã‚’ã‚‚ãŸã‚‰ã™ã¨ã„ã†å•é¡Œç‚¹ãŒã‚ã£ãŸã€‚ ã“ã®å•é¡Œç‚¹ã‚’解決ã™ã‚‹ãŸã‚ã€React 18 ã§ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ (Suspenseã§å›²ã£ãŸå˜ä½) ã§SSRã‚’å¯èƒ½ã«ã™ã‚‹ã€‚コンãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ã®SSRã‚’å¯èƒ½ã«ã™ã‚‹æŠ€è¡“(？)ãŒã€Streaming HTMLã¨Selective Hydrationã§ã‚る。 Streaming HTML データをå–å¾—ã—
{{#tags}}- {{label}}
{{/tags}}