Re act Zero Native.pdf

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

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Λൃߦ͢Δ͜ͱͰɺඇৗʹָʹΞϓϦέʔγϣϯ͕࡞੒Ͱ͖Δ