create-react-appã§ä½¿ãˆã‚‹dynamic import()ã§Reactã®Componentã‚’å‹•çš„ã«èªã¿è¾¼ã‚€ï¼ˆCode Splitting）
2017å¹´5月19æ—¥ã«ã€Œcreate-react-app v1.0.0ã€ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ã®1ã¤ã®ä¸ã§ã€dynamic import()ã¸ã®å¯¾å¿œã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã—ãŸã€‚dynamic import()ã¯èªã‚“ã§å—ã®å¦‚ãå‹•çš„ã«ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’èªã¿è¾¼ã‚€ãŸã‚ã®æ©Ÿèƒ½ã§ã™ã€‚ECMAScriptçš„ã«ã¯ã€2017å¹´6月ç¾åœ¨TC39ã«ã¦Proposalã¨ã—ã¦ä»•æ§˜ç–定ãŒé€²ã‚られã¦ã„る段階ã®æ©Ÿèƒ½ã§ã™ã€‚ãŸã ã€create-react-appã§ã¯ã€ãã®æ©Ÿèƒ½ã‚’一早ã利用ã§ãるよã†ã«ãªã£ãŸã®ã§ï¼ˆTypeScriptã§ã‚‚v2.4ã‹ã‚‰å¯¾å¿œã—ã¾ã—ãŸï¼‰ã€ãã®ä½¿ç”¨æ–¹æ³•ã‚’紹介ã—ã¦ã„ãã¾ã™ã€‚通常最åˆã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ãŠãå¿…è¦ãŒã‚ã‚‹CSR（クライアントサイドレンダリング）ã«ãŠã„ã¦ã€å¿…è¦ã«å¿œã˜ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚るよã†ã«ãªã‚‹ã®ã§ã€åˆå›žãƒãƒ¼ãƒ‰æ™‚é–“ã‚’çŸç¸®ã—ã€ãƒ‘フォーマンスã®å‘上ã«å½¹ç«‹ã¡ã¾ã™ã€‚ãœã²ãŠè©¦ã—ãã ã•ã„。 ã¯ã˜ã‚ã«
M5Stackã§ã‚ãã¼ã†
M5Stackã®æ¦‚è¦ ã‚ˆã†ã‚„ãM5StackãŒå…¥è·ã—ã¾ã—ãŸã€‚昨年ã‹ã‚‰æ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã‚ˆãã”å˜çŸ¥ã®æ–¹ã‚‚多ã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ãšç°¡å˜ã«M5Stackを紹介ã—ã¾ã™ã€‚ M5Stackã¯Espressifã®ESP32ã¨ã€SDカードスãƒãƒƒãƒˆã€ãƒœã‚¿ãƒ³ã€USBã‚„Groveã®ã‚³ãƒã‚¯ã‚¿ã‚’5cm四方ã®åŸºæ¿ã«æ載ã—ã€ãƒ‡ã‚£ã‚¹ãƒ—レイや電æºã¾ã§ã‚’樹脂ã®ã‚±ãƒ¼ã‚¹ã«è©°ã‚込んã§ã‚るモジュールã§ã™ã€‚ M5Stackã¯Arduinoã®ã‚·ãƒ¼ãƒ«ãƒ‰ã®ã‚ˆã†ã«ã€ã‚»ãƒ³ã‚µãƒ¼ç‰ã®è¼‰ã£ãŸæ‹¡å¼µåŸºæ¿ã‚’メインモジュール（CORE）ã«ç©ã¿é‡ãã‚‹ã“ã¨ãŒã§ãã€ãã‚Œãžã‚Œã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒç´„5 cm四方ã®ã‚±ãƒ¼ã‚¹ã«å…¥ã£ã¦ã„ã‚‹ã¨ã“ã‚ãŒç‰¹å¾´ã®1ã¤ã§ã™ã€‚ 拡張基æ¿ã«ã¯ã€ã„ã¾ã®ã¨ã“ã‚GPSå—信機や無線モジュールã€DIYã®ãŸã‚ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«åŸºæ¿ãªã©ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Espressifã®ESP-IDFã®ä»–ã€Arduino IDEã‚„ã€MicroPythonãªã©ã‚’利用ã™ã‚‹ã“ã¨
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
React - Dynamically Import Components
{{#tags}}- {{label}}
{{/tags}}