Does react-redux-firebase spark joy?

Transcript

1. Does react-redux-firebase spark joy ? 2019/03/24 @Firebase Meetup in Osaka #2
2. Does react-redux-firebase spark joy? ૣ଎Ͱ͕͢ɺ react-redux-firebase ஌ͬͯΔਓʁ ΞΠεϒϨΠΫ
3. Does react-redux-firebase spark joy? ຊ೔࿩͢͜ͱ React-ReduxΞϓϦΛFirebaseͰ࡞ΔͳΒ͜ͷ ϥΠϒϥϦ͕ΊͪΌͪ͘ΌSpark Joy ͩΑ ͱ͍͏͓࿩Λ͠·͢ɻ
4. Does react-redux-firebase spark joy? ໨࣍ 00.react-redux-firebaseͱ͸ 02.࡞ͬͨαʔϏεʹ͍ͭͯ 02. ޷͖ͳͱ͜Ζ 03. ٧·ͬͨͱ͜Ζ 04. ݁࿦
5. 00. react-redux-firebaseͱ͸
6. Does react-redux-firebase spark joy? 00. react-redux-firebaseͱ͸ - React-ReduxΞϓϦ͔ΒFirebaseΛར༻͢Δͱ͖ʹ࢖͑Δศརπʔϧ - ReactͷHOCͱͯ͠ར༻Ͱ͖Δ - Document͕ॆ࣮͍ͯ͠Δʢhttp://react-redux-firebase.com/ʣ - FirestoreΛ࢖͏ʹ͸ผ్Λ redux-firestore ར༻͢Δ https://github.com/prescottprue/react-redux-firebase
7. 01. ࡞ͬͨαʔϏεʹ͍ͭͯ
8. Does react-redux-firebase spark joy? 01. ࡞ͬͨαʔϏεʹ͍ͭͯ - ొஃऀ͕ษڧձͰϑΟʔυόοΫΛಘΒΕʹ͍͘ - ͕࣌ؒͳ͔ͬͨΓɺஏ͔ͣͯ͘͠खΛ্͛ͮΒ͍ - ొஃऀ΁ͷ࣭໰΍ײ૝Λಗ໊ & ه໊Ͱ౤ߘͰ͖Δ - άϧʔϓνϟοτϥΠΫͳαʔϏε PutYourHandsUp ~Where feedback to the speakers gather. pyhu.nkgr.app
9. Does react-redux-firebase spark joy? 01. ࡞ͬͨαʔϏεʹ͍ͭͯ - ొஃऀ͕ษڧձͰϑΟʔυόοΫΛಘΒΕʹ͍͘ - ͕࣌ؒͳ͔ͬͨΓɺஏ͔ͣͯ͘͠खΛ্͛ͮΒ͍ - ొஃऀ΁ͷ࣭໰΍ײ૝Λಗ໊ & ه໊Ͱ౤ߘͰ͖Δ - άϧʔϓνϟοτϥΠΫͳαʔϏε PutYourHandsUp ~Where feedback to the speakers gather.
10. Does react-redux-firebase spark joy? 01. ࡞ͬͨαʔϏεʹ͍ͭͯ ΞʔΩςΫνϟͱ໾ׂ FrontEnd BackEndService React - ೝূ / DB / Hosting - ΞΫηεղੳ͸GoogleAnalitics 'JSFTUPSF Written in react-redux- firebase
11. 02. ޷͖ͳͱ͜Ζ
12. Does react-redux-firebase spark joy? 02. ޷͖ͳͱ͜Ζ - withFirestoreΛHOCͰrecompose͢Δ͜ͱͰ Firestore͕ఏڙ͢Δؔ਺͕ར༻Ͱ͖ΔΑ͏ʹͳ Δ - Get / SetListener Λར༻͢Δ͜ͱͰ redux Storeʹ state.firestore.ordered.xxxͰΞΫη ε͢Δ͜ͱ͕Ͱ͖Δ - Ӭଓσʔλ͸Firestoreʹɻredux Store͸Ξϓ Ϧέʔγϣϯͷঢ়ଶ؅ཧʹప͢Δ͜ͱ͕Ͱ͖ Δɻ - setListenerΛ࢖͏͜ͱͰUpdate΍SetΛ࢖͏ ͱαʔόʔ͔Βfetch͠ͳͯ͘΋ϦΞϧλΠϜʹ state͕มߋ͞Είϯϙʔωϯτ͕࠶ඳը͞ΕΔ FirestoreΛReduxͷStoreͷΑ͏ʹѻ͑Δ
13. Does react-redux-firebase spark joy? 02. ޷͖ͳͱ͜Ζ - ͜Ε͚ͩͰTwitter΁ͷϩάΠϯϙοϓΞοϓͷ ग़ྗ -> ໭ΓͰϩάΠϯࡁΈϢʔβʔ৘ใͷऔ ಘ·ͰͰ͖Δʂ AuthपΓఏڙFunction ͕࢖͍΍͍͢ - ϩάΠϯεςʔλεΛνΣοΫͰ͖Δ isLoaded, isEmpty ͕௚ײత
14. 03. ٧·ͬͨͱ͜Ζ
15. Does react-redux-firebase spark joy? 03. ٧·ͬͨͱ͜Ζ - ϥΠϒϥϦͷ໰୊Ͱ͸ͳ͘TypeScriptͷ໰୊͕ͩɺܕ͕ͳ ͍ͷͰࣗલͰఆ͕ٛඞཁɻ - PR౤͛Α͏͔ͱࢥ͕ͬͨɺαʔόʔ͔Βະऔಘ࣌ͳͲอ࣋ ͢Δσʔλ͕ҧ͏Έ͍ͨͳͷͰҰ୴ଘஔͯ͠͠·ͬͨ… react-redux-firebase , redux-firestore ͷ ܕఆ͕ٛͳ͍…
16. Does react-redux-firebase spark joy? 03. ٧·ͬͨͱ͜Ζ - ௨৴ͷ࢓૊Έ΍AuthͳͲΊͪΌͪ͘Όศརͳ൓໘ɺଞͷα ʔϏεʹ͸ͳ͍ͷͰɺҠΕͳ͍… - Firebase,Firestoreʹͳ͍ػೳ͸࢖͑ͳ͍ (GraphQLͱ͔WebαʔϏεͷϩάͱ͔) ΞϓϦέʔγϣϯ͕FirebaseʹϩοΫΠϯ͞ΕΔ
17. 04ɽ݁࿦
18. Does react-redux-firebase spark joy? • ϑϩϯτΤϯυϗετ؀ڥͱͯ͠Firebase͸࠷ߴ • ϑϧϚωʔδυͳNoSQL DBͱͯ͠࢖͍΍͍͢ʂ • RealTimeͳ௨৴͕WebSocketͷ஌ݟ͕ͳͯ͘΋࣮ݱͰ͖ΔFirestore࠷ߴ • ࠓͷͱ͜ΖϨΠςϯγ΋ૣ͍ͱײ͡Δ͠ɺදࣔ଎౓͸໰୊ͳ͍ 04ɽ݁࿦ Firebase Firestore spark joy react-redux-firebase spark joy • Firebase࢖͏ͳΒͥͻ࢖͏΂͖ʂ