styled-componentsを使ã£ãŸé›‘ãªReact Presentational Componentã®æ›¸ãæ–¹ - Qiita最近ã€ä»•äº‹ã§Reactを書ã機会ãŒå¤šããªã£ã¦ãã¦è‰²ã€…試ã—ã¦ã„ã‚‹ã†ã¡ã«æ›¸ãæ–¹ãŒè½ã¡ç€ã„ã¦ãã¾ã—ãŸã€‚ [注æ„] 本æ¥ã¯ã‚¯ãƒ©ã‚¹æ¯Žã«StyledComponentsã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’作ã£ãŸæ–¹ãŒã„ã„ã§ã™ã€‚自分ãŒVueライクãªæ„Ÿã˜ã§é›‘ã«æ›¸ããŸã‚ã®è¨˜æ³•ã§ã™ã€‚ ã“ã®è¡¨è¨˜ã§ã™ã¨ã€åコンãƒãƒ¼ãƒãƒ³ãƒˆã«åŒã˜ã‚¯ãƒ©ã‚¹åãŒã‚ãŸã£ãŸã¨ãã«ã€è¦ªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒå½“ãŸã‚‹ã®ã§å®Œå…¨ãªscopedãªã‚¹ã‚¿ã‚¤ãƒ«ã«ã¯ãªã‚Šã¾ã›ã‚“。 （@nabeliwoã•ã‚“ã«ã‚³ãƒ¡ãƒ³ãƒˆã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ï¼‰ æ—¢ã«HTMLãŒå˜åœ¨ã—ã¦ã„ã‚‹ã¨ãã«é›‘ã«Reactã«ç§»æ¤ã™ã‚‹ã¨ãã®é€”ä¸æ®µéšŽã¨ã‹ã§å½¹ç«‹ã¤æ›¸ãæ–¹ã§ã™ import React from 'react' import styled from 'styled-components' const TodoItem = ({ className, title, description, onD
CSS Evolution: From CSS, SASS, BEM, CSS Modules to Styled Components
styled-componentsを使ã£ãŸCSSè¨è¨ˆ - Qiita
ã“ã‚Œã‹ã‚‰ã®Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã¯styled-componentsãŒè‰¯ã•ãㆠ- Qiita
{{#tags}}- {{label}}
{{/tags}}