ブãƒã‚°ã« CSS in JS 環境下ã§ã® スタイル分離リファクタリングを施ã—ã¦ã¿ãŸãã‚ãã‚ブãƒã‚°ã‚’大幅ã«æ”¹ä¿®ã—よã†ã¨æ€ã£ã¦ãŠã‚Šã€ãã®å‰æº–備をã—ã¦ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ 具体的ã«ã¯ css modules ã‹ã‚‰ã®è„±å´ã¨ã€ã‚¹ã‚¿ã‚¤ãƒ«å‘¨ã‚Šã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ ãã®ã¨ãã€çµŒå¹´åŠ£åŒ–ã«è€ãˆã‚‹ ReactComponent ã®æ›¸ãæ–¹ 㨠styled-components ã®æŽ¡ç”¨ã¨æ—¢å˜è³‡ç”£ã‚’æ¨ã¦ãŸç†ç”± ã¨ã„ã†è¨˜äº‹ã‚’å‚考ã«ã—ã¾ã—ãŸã€‚ ã“れら㯠styled を一ã¤ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«å½“ã¦ã¦ãã®ä¸ã§ SASS 記法ã§ä¸ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’当ã¦ã¦ã„ãã¨ã„ã†ã‚‚ã®ã§ã€CSS in JS 環境下ã«ãŠã„ã¦ã€styled 㨠DOM を分離ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã—ã¦å¦ã³ãŒã‚ã‚‹ã‚‚ã®ã§ã—ãŸã€‚ 僕㯠styled-compoennts ユーザーã§ã™ãŒã€styled-components ã®æŽ¡ç”¨ã¨æ—¢å˜è³‡ç”£ã‚’æ¨ã¦ãŸç†ç”±ã§ã‚‚触れられã¦ã„るよã†ã«ã€ styled ãªãƒ©ãƒƒãƒ‘ーコンãƒãƒ¼ãƒãƒ³ãƒˆã¨ã‹ãŒã„ã£ã±ã„作られ
styled-components（CSS in JS）をやã‚ãŸç†ç”±ã¨ã€ä¸å®Œå…¨ãªCSS Modulesã‚’æ„›ã™ã‚‹æ–¹æ³• - Qiita
{{#tags}}- {{label}}
{{/tags}}