Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Chakra UI ではじめる Tailwind CSS へのささやかな抵抗 / Modest...

Chakra UI ではじめる Tailwind CSS へのささやかな抵抗 / Modest resistance to Tailwind CSS starting with Chakra UI

spring_raining (LINE株式会社)
UIT meetup vol.11『フロントエンド紅白LT合戦』での発表資料です
https://uit.connpass.com/event/197740/

LINE Developers

December 18, 2020
Tweet

More Decks by LINE Developers

Other Decks in Technology

Transcript

  1. Chakra UI Ͱ͸͡ΊΔ Tailwind CSS ΁ͷ͞͞΍͔ͳ఍߅ UIT meetup vol. 11

    ϑϩϯτΤϯυߚനLT߹ઓ 2020/12/18 @spring-raining 1
  2. 4

  3.             ___        /      \

          /ノ  \   u. \ !?     / (•)  (•)    \      |   (__人__)    u.   |      \ u.` ⌒´      /     ノ           \   /´               ヽ https://nextjs.org/docs/basic-features/built-in-css-support 5
  4.        /      \!??       /  u   ノ  \     /      u (•)  \     | 

           (__人__)|      \    u   .` ⌒/     ノ           \   /´               ヽ https://zenn.dev/takepepe/scraps/6668e9fe402666 6
  5. Chakra UI ΛҰݴͰද͢ͱ • Emotion ʹ • Tailwind CSS ͷ௚ײੑͱॊೈੑΛ଍͠߹Θͤͨ

    • Pure Typescript ͳ Best practice React component ू Ұݴͱ͸ 11