フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨ç´ 朴ãªã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ | 雑å¸ãƒ¶è°·ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã“れ㯠SmartHR Advent Calendar 2020 ã®4日目ã«æ›¸ã‹ã‚ŒãŸè¨˜äº‹ã§ã™ã€‚今㯠12月4æ—¥ã®42時10分ãªã®ã§ã€ã‚®ãƒªã‚®ãƒªæ»‘り込んã å½¢ã«ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸã。 React ã¨è‡ªç”± SmartHR ã§é–‹ç™ºã—ã¦ã„る様々ãªãƒ—ãƒãƒ€ã‚¯ãƒˆã¯ãã®å¤§åŠ 1 ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã« React を採用ã—ã¦ã„る。僕も Twitter ã§ã€ŒReact ãŒå¥½ãã ï¼TypeScript 最高ã ï¼ã€ã¨å«ã‚“ã§ã„ãŸã‚‰ã€Œå¼Šç¤¾ React + TypeScript ã§ã™ã‚ˆã€ã¨ã„ã†ã‚¹ã‚«ã‚¦ãƒˆã‚’ã„ãŸã ã„ã¦è»¢è·ã«è‡³ã£ãŸã¨ã„ã†çµŒç·¯ãŒã‚ã£ã¦ã€ãã‚Œãらã„全社的㫠React ã‚’ã‚„ã£ã¦ã„ããžã¨ã„ã†æ„å¿—ã®çµ±ä¸€ãŒæžœãŸã•ã‚Œã¦ã„る。 ã¨ã¯ã„㈠React ã¨ã„ã†ã®ã¯ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã¯ãªãã€ã‚ãã¾ã§ã‚‚ JSX ã¨ã„ã†è¨˜æ³•ã¨å„種関数ã®ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’通ã˜ã¦å®£è¨€çš„㪠UI を構築ã™ã‚‹æ©Ÿèƒ½ã‚’æŒã£ãŸãƒ©ã‚¤ãƒ–ラリã«éŽãŽãªã„ã®ã§ã€ã‚¢ãƒ—リケーション全体
表示速度を飛èºçš„ã«å‘上ã•ã›ã‚‹HTML/CSS最新仕様「content-visibilityã€ã€ŒLazy loadingã€ã€Œcontainã€ã‚’コード付ãç°¡å˜è§£èª¬
サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚‚知ã£ã¦ãŠãã¹ãフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä»Š
{{#tags}}- {{label}}
{{/tags}}