React.Suspense 㨠React.lazy ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å‹•çš„ã«èªã¿è¾¼ã‚€ - 30æ³ã‹ã‚‰ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°React.Suspenseã¨React.lazyを使ã†ã“ã¨ã§ã€import()ã§å‹•çš„ã«èªã¿è¾¼ã‚“ã コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’通常ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ã“ã¨ãŒã§ãる。 å‹•çš„èªã¿è¾¼ã¿ã¯ãƒ‘フォーマンスå‘上ã®ãŸã‚ãªã©ã«ä½¿ã‚れるãŒã€ãれを簡å˜ã« React アプリã«å–り入れるã“ã¨ãŒã§ãる。 import()ã®æ¦‚è¦ã¯ã“ã¡ã‚‰ã‚’å‚照。 numb86-tech.hatenablog.com ã“ã®è¨˜äº‹ã«å‡ºã¦ãるコード㯠React ã®v16.10.2ã§å‹•ä½œç¢ºèªã—ã¦ã„る。 React.lazy React.lazyã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’è¿”ã™é–¢æ•°ã€‚引数ã«ã¯ã€import()ã®è¿”り値をãã®ã¾ã¾è¿”ã™é–¢æ•°ã‚’渡ã™ã€‚ãã—ã¦import()ã§èªã¿è¾¼ã¾ã‚Œã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’defaultã§ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹å¿…è¦ãŒã‚る。 ãã®ãŸã‚ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚‹ã€‚ // One.js import React from 'r
{{#tags}}- {{label}}
{{/tags}}