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

RoRoRoRoR

bakunyo
October 27, 2016

 RoRoRoRoR

React on Redux on Relay on Ruby on Rails を試みて失敗した話をしました

bakunyo

October 27, 2016
Tweet

More Decks by bakunyo

Other Decks in Programming

Transcript

  1. ࣗݾ঺հ • ҏ౾ా യ೗ • 2013/01 ೖࣾ 
 
 


    
 
 • ࠓ೔͸ϑϩϯτΤϯυؔ࿈ͷ࿩
  2. Redux ͬͯʁ • ༧૝Մೳͳঢ়ଶίϯςφ • React Component ͸ props ͱ

    state Λ࣋ͪɺ
 state ͸ߋ৽Մೳ • ͨͩɺ؅ཧ͕େมͳͷͰͦ͜Λαϙʔτ͢Δ • ReactҎ֎Ͱ΋࢖͑Δ
  3. Before Proceeding Further
 ʢઌʹਐΊΔલʹʣ • “You Might Not Need Redux”


    - Dan Abramov, creator of Redux
 - https://medium.com/@dan_abramov/you-might-not-need-redux- be46360cf367#.k02221rdc • redux ʹ͸ྑ͍ middleware ͕ඞਢ
 - http://togetter.com/li/979237 • mizchi ͷ Redux ߟ
 - http://togetter.com/li/911228
  4. Redux ·ͱΊ • Redux ͸ Flux ࣮૷ͷ1ͭͰɺঢ়ଶΛ؅ཧ͢Δ ͨΊͷ΋ͷ • React

    Ͱ΋࢖͑Δ͕ɺͦΕʹݶΒͳ͍ • “You Might Not Need Redux.”
 - ಋೖ͢ΔલʹҰ୴མͪண͜͏
  5. Relay ͬͯʁ • A Javascript framework
 for building Data-Driven React

    Apps. • Facebook ੡
 - https://facebook.github.io/relay/
  6. GraphQL ͷ৔߹ • Ϣʔβʔ৘ใΛऔಘ͢Δ "1*4FSWFS VTFS\
 OBNF  BHF 

    CMPPE@UZQF ^ VTFS\
 OBNF  MPDBUJPO
 ^ ඞཁͳ෼͚ͩ
  7. GraphiQL • An in-browser IDE for exploring GraphQL.
 - https://github.com/graphql/graphiql

    • ಡΈํ͸ͨͿΜʮ͙Β;͔͌Δʯ • GUIͰखܰʹGraphQL͕ୟ͚Δ
 - ܕ৘ใ͋Γ
 - ύϥϝʔλࢦఆՄ
  8. Redux on or Relay ? • Comparing Redux and Relay


    - https://www.reindex.io/blog/redux-and-relay/ • Redux ΋ Relay ΋ state Λࣗ਎Ͱ؅ཧ͢ΔͨΊɺซ ༻Ͱ͖ͳ͍
  9. ࢀߟURL • React
 - https://facebook.github.io/react/ • Redux
 - http://redux.js.org/ •

    GraphQL
 - http://graphql.org/ • Relay
 - https://facebook.github.io/relay/
  10. ࢀߟURL • ͳͥԾ૝DOMͱ͍͏֓೦͕ԶୡͷࠢΛ਒͑ͤ͞Δͷ͔ - Qiita
 - http://qiita.com/mizchi/items/4d25bc26def1719d52e6 • redux ʹ͸ྑ͍

    middleware ͕ඞਢ
 - http://togetter.com/li/979237 • mizchi ͷ Redux ߟ
 - http://togetter.com/li/911228 • GraphQLͷ͸͡Ί͔ͨ - Write and Run
 - http://diary.hatenablog.jp/entry/2016/10/23/224206