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

React沼CSSArchitect

 React沼CSSArchitect

2017/05/25 【React】Goodpatch×TeamSpirit Meetup
Architect -> Architectureです正しくは

8845musign

May 25, 2017
Tweet

More Decks by 8845musign

Other Decks in Programming

Transcript

  1. ྫ͑͹5BCMF head head head head body body body body body

    body body body body body body body body body body body body body body body body body body body
  2. ྫ͑͹5BCMF head head head head body body body body body

    body body body body body body body body body body body body body body body body body body body
  3. ҉໧తͳJNQPSUͷېࢭ Component #"" ChildComponent $ #"" child.scss $ !"" child.js

    #"" sharedComponent.scss #"" index.scss !"" index.js ڞ௨ελΠϧͷநग़
  4. JNQPSUՄೳൣғ Component #"" ChildComponentA $ #"" childA.scss $ !"" childA.js

    #"" ChildComponentB $ #"" childB.scss $ !"" childB.scss #"" index.scss !"" index.js ໌ࣔతͰ΋ېࢭ
  5. 4UPSZͷهड़ import React from ‘react'; import { storiesOf, action }

    from '@kadira/storybook'; import Button from ‘../components/Button'; storiesOf('Button', module) .add('with text', () => ( <Button onClick={action(‘clicked')}> Hello Button </Button> ));