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

コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス

 コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス

2015-05-27にLINE社で行われた、Data Binding JS Nightでの発表内容です。

Kohei Asai

May 27, 2015
Tweet

More Decks by Kohei Asai

Other Decks in Technology

Transcript

  1. Reactͷʹ͓͚ΔComponent const SomeComponent = React.createClass({ render() { return ( <div>

    <span>{this.state.valueA}</span> <span>{this.props.valueB}</span> </div> ); }, }); ಺෦ঢ়ଶ ֎͔Βͷ஋ Component = DOMͱJSͷηοτɺUI෦඼
  2. ୯ҐΛ߹ΘͤΔ • 1 ίϯϙʔωϯτ = 1 BEM Blockͱ͔ʹ͢Δ • ϑΝΠϧ໊ɺηϨΫλ໊΋߹ΘͤΔ

    • ໊લͷڝ߹͕๷͕ΕΔ • ଞͷηϨΫλ΁ͷґଘ΍Өڹ͕ͳ͘ͳΔ • = ΧδϡΞϧʹ࡟আͰ͖Δɾ࠶ར༻Ͱ͖Δ