[B! ui][react] mizdraのブックマーク

mizdra id:mizdra

uiとreactに関するmizdraのブックマーク (3)

CSSレスポンシブデザインをSPAで使うと破滅する - 橋本商会
レスポンシブデザインはあくまで見た目の調整、表示・非表示のコントロールなので下手に使うと、デバイス毎にインタラクションが違うUIのstateが無茶苦茶複雑になっていくコンポーネントという概念が無かった時代の設計を、SPAに持ってくるのはおかしい画面サイズ毎にCSSで手軽にを切り替える、というのなら良いしかし、画面サイズ毎にインタラクションが違う部品が出てくると設計が破綻する画面サイズ毎のがごちゃ混ぜになるコードが追えなくなり、バグの温床になるでは、どうするか？素直に画面サイズ毎、デバイス毎、あるいはインタラクション毎のReactコンポーネントを書けばいい使いまわせる部品は、コンポーネントとして切り出して再利用する歴史を紐解く 2011年頃、レスポンシブデザインが生まれた当時のwebにはコンポーネントが存在しなかった単体で複雑な状態遷移をするインタラクティブなパーツ
mizdra 2019/06/05
css

react

ui
リンク
Ant Design
Ant Design 5.0 use CSS-in-JS techno logy to provide dynamic & mix theme ability. And which use component level CSS-in-JS solution get your application a better performance.
mizdra 2018/02/21
react

ui
リンク
Rebass
Rebass React primitive UI components built with Styled SystemStart your design system without boiling the oceanBuild consistent UI with design constraints and user-defined scalesBest-in-class developer ergonomics with Styled System propsFirst-class support for theming & fully compatible with Theme UIQuick, mobile-first responsive styles with array-based syntaxFlexbox layout with the Box and Flex c
mizdra 2018/02/21
javascript

framework

UI

react
リンク
1