styled-componentsã§å†åˆ©ç”¨å¯èƒ½ãªã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’作る - Qiitaã‚„ã‚‹ã“㨠Reactã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’組ã¿ç«‹ã¦ã¦UI作ã£ã¦ã„ãã®ã‚‚楽ãªã‚“ã§ã™ãŒã€ styled-componentsã§ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’作ã£ã¦ã€ ãれらを組ã¿åˆã‚ã›ã¦ä½¿ã†ã¨éžå¸¸ã«æ¥½ã ã¨ã„ã†ã“ã¨ã«æ°—ãŒã¤ãã¾ã—ãŸã€‚ 一度作ã£ãŸã‚„ã¤ã‚’å–ã£ã¦ãŠã‘ã°å†åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã— styled-componentsã§æ›¸ã„ãŸcssã®è¨˜è¿°ã‚‚æ•´ç†ã—ã‚„ã™ã„ã§ã™ã—ã€ãŠã™ã™ã‚ã§ã™ã€‚ GitHubå‚考 => https://github.com/yutaro1204/styled-components-demo å‰æ ・styled-componentã®ä½¿ã„æ–¹ ・CSSã§ã®display: grid;ã®ä½¿ã„æ–¹ TypeScriptã§Reactã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’書ã„ã¦ã„ãã¾ã™ã®ã§ã€tsxを使ã„ã¾ã™ã€‚ å°Žå…¥ ã¾ãšæ°—楽ã«create-react-appを使ã„ã¾ã™ã€‚
TypeScript + React + styled-components + Firestore + Firebase Hostingã§Webアプリを作り始ã‚ã‚‹ - Qiita
{{#tags}}- {{label}}
{{/tags}}