Re act Zero Native.pdf

6aa82ed11ae69672aca9bff7e25d1044?s=47 @YutamaKotaro
September 11, 2016
300

Re act Zero Native.pdf

雑兵meetup #6 LT用
300/枚数 秒で自動でスライドがめくられるルール!
300秒超えたら即終了ルール!
内容はliteなものに・・・次回どこかで発表するときはzindexとの戦い in react-native-carouselをやりたい・・・・!

6aa82ed11ae69672aca9bff7e25d1044?s=128

@YutamaKotaro

September 11, 2016
Tweet

Transcript

  1. Re(act):θϩ͔Β࢝ΊΔNativeੜ׆ ˏYutamaKotaro

  2. ABOUT ME @YutamaKotaro ▸ ໊ݹ԰ग़਎ͷΨϥύΰεܥ΁ͬΆ͜;ΖΜͱ͑Μ Ͳ͑Μ͡ʹ͋ʢ͍̎̒͞ʣ ▸ Webྺɿ̍೥൒ͪΐͬͱ ▸ ࣾ಺།ҰͷϑϩϯτΤϯυΤϯδχΞͰ͢ɻ

    ▸ ΨϥύΰεͰ͸ɺ؀ڥ͕ଞͷ஍Ҭͱൺ΂ִͯ཭͞ Ε͍ͯͨͨΊɺੜ෺ͨͪ͸ಠࣗͷਐԽΛ਱͛·͠ ͨɻ ▸ ͸͖ͬ͠ݴͬͯଞͷձࣾͷํͱ৘ใڞ༗͠ͳ͍ͱ ΨϥύΰεԽͦ͠͏ɾɾɾɾɻ ▸ ຊ೔ͷ಺༰ ▸ React Nativeܽ఺͋Δ͚Ͳͦ͜·Ͱ͡Όͳ͍ ▸ firebaseͱReactͷ૬ੑ͸َ͕͔ͬͯΔ @YutamaKotaro
  3. React Native bring me events React Nativeɹ࢖ͬͯΔɾɾɾʁ @YutamaKotaro ίϯϏχؼΓɺಥવNativeͷੈքʹঌש͞ΕͨΓ͠·ͤΜ͔ʁ ▸

    React Nativeɹ= NativeΞϓϦΛReactͰͭ͘Δ࢓૊Έɻ JS͔͠Ͱ͖ͳͯ͘΋ωΠςΟϒΞϓϦ͕࡞Ε·͢ɻ ▸ ͦ͏ɺReact NativeͳΒͶɻ ࠓͷ͸ϋΠϒϦουͰ͸ͳ͍Nativeͩ ▸ Nativeͷίϯϙʔωϯτɻ Redux΋͔ͭͬͯΔɾɾʁ ▸ Reduxʢ͚ͩ͡Όͳ͍ʣͳͲΛ࢖͏ͱReact Nativeͷັྗ͕ΑΓҰ૚
  4. React Native bring me events @YutamaKotaro stateless functional component΋ Ͳ͏Έͯ΋ReactͰ͢ɻ

    DOMͷ୅ΘΓʹ
 react-nativeίϯϙʔωϯτ Ռͯ͠ͳ͘CSS (in JS)ʹ͍ۙ ݟͨ໨͸Native
 த਎͸Reactʂʂ
  5. RECOMMEND REACT NATIVE ܽ఺ɾɾɾɾʂ @YutamaKotaro ▸ ΨνωΠςΟϒͱൺ΂ΔͱϋΠςΫͳ͜ͱͱύϑΥʔϚϯε͸ྼΔ ▸ ͔ͩΒͱݴͬͯɺ͍͍ͨͯͷ͜ͱ͸Ͱ͖ͯ͠·͏ͷͰɺَ͕͔ͬͨϋ ΠςΫΞϓϦ࡞Γ͍ͨΘ͚Ͱͳ͚Ε͹ɺReact

    NativeͰ΋࡞ΕΔɻ ▸ ϋΠϒϦουΞϓϦͱҧͬͯɺϫϯιʔεͰ iOS, androidΛ݉ͶΔΞϓϦ ͱͳΒͳ͍ɻ ▸ ࡞Γํʹ͑͞ؾΛ͚ͭΕ͹ɺ΄΅ϫϯιʔεͰiOS, androidΛ݉ͶΔ͜ ͱ΋Մೳʂ(iOS, android onlyͳίϯϙʔωϯτˍϓϩύςΟΛ࢖Θͳ͍)
  6. RECOMMEND REACT NATIVE Viewͷ෼཭ @YutamaKotaro ▸ ϓϩύςΟˍίϯϙʔωϯτʹ͸OSʹΑͬͯ࢖͑Δ΋ͷͱ࢖͑ͳ͍΋ͷ͕ ͋Δ
 ʔʼઐ༻ͷ΋ͷ͸࢖Θͳ͍Α͏ʹͯ͠ίϯϙʔωϯτ͸ڞ༻ʹ͓ͯ͘͠ ▸

    ࢖Θ͟ΔΛ͑ͳͯ͘΋ɺϑΝΠϧΛ෼ׂ͢Δ͜ͱͰ໰୊ΛղܾͰ͖Δɻ ▸ Redux(ͱ͸ݶΒͳ͍)ʹΑͬͯɺίϯϙʔωϯτΛ୯ͳΔViewʹ͢Δͱlogic ෦෼͸ΑΓڞ༻ʹͰ͖Δɻ ▸ ΋ͪΖΜςετίʔυ΋ɻ ▸ xxx.ios.js
 (iosઐ༻) ▸ xxx.android.js
 (androidઐ༻) ▸ xxx.jsɹ(ڞ༻)
  7. RECOMMEND REACT NATIVE firebaseͱReactͷَ͕͔ͬͨ૬ੑ @YutamaKotaro ▸ real time databaseສࡀʂ ▸

    σʔλߋ৽ͷλΠϛϯάʹ೰·ͳ͍ɻ ▸ աଟͳmiddleware͔Βͷղ์ ▸ ଞʹ͸Realm΋࢖͑Δ ▸ มߋ௨஌ΠϕϯτͰَ͕͔Δ
  8. RECOMMEND REACT NATIVE ·ͱΊʂ @YutamaKotaro ▸ ReactΛ஌͍ͬͯΕ͹NativeΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δɻ ▸ ͨͩ͠ɺϫϯιʔεͰiOS, AndroidͷιʔεΛ݉ͶΔ͜ͱ͸Ͱ͖ͳ

    ͍͜ͱ΋ ▸ ίϯϙʔωϯτ୯ҐͰɺiOS,Android༻Λ෼͚Δ͜ͱ΋Մೳ ▸ ReduxΛ࢖͑͹View͸ಠཱ͢Δ -> Logicͷڞ༗Խ ▸ Fire baseɺRealmͱ͍ͬͨαʔϏε΋ɺ΋ͪΖΜ࢖͏͜ͱ͕Ͱ͖Δ ▸ ߋ৽ײ஌ͰActionΛൃߦ͢Δ͜ͱͰɺඇৗʹָʹΞϓϦέʔγϣϯ͕࡞੒Ͱ͖Δ