2023å¹´ã®CSSã¯0ランタイムã«ã—ãŸã„ | Memory ice cubesã—ãŸã„よã？ 事ã®çµŒç·¯ã¨ã—ã¦ã¯ã€ ã¨ã‚ã‚‹æ–°è¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€æŠ€è¡“é¸å®šã‚’ã™ã‚‹ã“ã¨ã« 開発ã®åœŸå°ã¯Viteã§ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯JSXãŒä½¿ãˆã‚‹ã‚„ã¤ã«æ±ºã¾ã£ãŸ ã•ã¦CSSã¯ã©ã†ã‚„ã£ã¦æ›¸ã“ã†ã‹ã¨ãªã‚‹ ã‚ã‚Œã“れ考ãˆã¦ã€ã¨ã‚る方法ã«æ±ºã‚㟠ã¨ã„ã†ã®ã‚’ã¾ã¨ã‚ãŸã€ã¾ã‚ãƒã‚¨ãƒ ã®åŸŸã‚’出ãªã„メモã§ã™ã€‚ CSS ModulesやらTailwindやらCSS-in-JSやら手法ã¯ã„ã‚ã„ã‚ã‚ã‚Œã©ã€ã©ã‚ŒãŒä»Šã®æŽ¨ã—ã‹ã£ã¦ã„ã†ã€‚ 求ã‚るも㮠個人的ã«ã€CSSã¤ã¾ã‚Šã¯ãƒ–ラウザã§è¡¨ç¤ºã•ã‚Œã‚‹UIをスタイリングã™ã‚‹ãŸã‚ã®ãƒ„ールセットã«æ±‚ã‚ã‚‹ã‚‚ã®ã€‚ 0ランタイムã§ã‚ã‚‹ 最終的ã«`.css`ファイルã¨ã—ã¦ãƒ–ラウザã§èªã¿è¾¼ã¾ã‚Œã‚‹ ãªã‚“ã§ã‚‚JSã«ã—ãªã„ CSSã®æ›¸ã味をæãªã‚ãªã„ ã ã„ãŸã„ã®CSSセレクタãŒå•é¡Œãƒ»åˆ¶ç´„ãªã動作ã™ã‚‹ マークアップ部ã¨1ファイルã«ã‚³ãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã‚‹ HTMLã¨CSSã¯åŒå±…ã•ã›ãŸã„ éžåŒæœŸã«ãƒãƒ¼ãƒ‰ã§ãã‚‹ JSã¨åŒ
Replacing Goober with something else · Issue #40 · solidjs/solid-styled-components
{{#tags}}- {{label}}
{{/tags}}