Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Does react-redux-firebase spark joy?
Search
Nokogiri
March 23, 2019
Technology
1
170
Does react-redux-firebase spark joy?
Nokogiri
March 23, 2019
Tweet
Share
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
2
500
React Testing Libraryでの WAI-ARIAロールの活用事例
undefined_name
1
160
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
4
1.7k
Pipe Operator (|>) の紹介
undefined_name
2
340
FizzBuzzで学ぶOCP
undefined_name
0
120
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
undefined_name
4
2.9k
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.6k
モププロ@kintone開発チーム
undefined_name
1
590
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.3k
Other Decks in Technology
See All in Technology
恐怖!テストコードなき夜
tsukuboshi
2
110
VLMサービスを用いた請求書データ化検証 / SaaSxML_Session_1
sansan_randd
0
150
モバイルゲームの開発を支える基盤の歩み ~再現性のある開発ラインを量産する秘訣~
qualiarts
0
920
Microsoft Learn MCP/Fabric データエージェント/Fabric MCP/Copilot Studio-簡単・便利なAIエージェント作ってみた -"Building Simple and Powerful AI Agents with Microsoft Learn MCP, Fabric Data Agent, Fabric MCP, and Copilot Studio"-
reireireijinjin6
1
190
ビジネス文書に特化した基盤モデル開発 / SaaSxML_Session_2
sansan_randd
0
180
[TechNight #91] Oracle Database 最新パフォーマンス分析手法
oracle4engineer
PRO
4
300
AWS表彰プログラムとキャリアについて
naoki_0531
1
150
ユーザー理解の爆速化とPdMの価値
kakehashi
PRO
1
110
AI エンジニアの立場からみた、AI コーディング時代の開発の品質向上の取り組みと妄想
soh9834
8
620
「AI駆動開発」のボトルネック『言語化』を効率化するには
taniiicom
1
230
東京海上日動におけるセキュアな開発プロセスの取り組み
miyabit
0
210
地域コミュニティへの「感謝」と「恩返し」 / 20250726jawsug-tochigi
kasacchiful
0
110
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
860
A better future with KSS
kneath
238
17k
RailsConf 2023
tenderlove
30
1.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Building Adaptive Systems
keathley
43
2.7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Statistics for Hackers
jakevdp
799
220k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Unsuck your backbone
ammeep
671
58k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Transcript
Does react-redux-firebase spark joy ? 2019/03/24 @Firebase Meetup in Osaka
#2
Does react-redux-firebase spark joy? ૣͰ͕͢ɺ react-redux-firebase ͬͯΔਓʁ ΞΠεϒϨΠΫ
Does react-redux-firebase spark joy? ຊ͢͜ͱ React-ReduxΞϓϦΛFirebaseͰ࡞ΔͳΒ͜ͷ ϥΠϒϥϦ͕ΊͪΌͪ͘ΌSpark Joy ͩΑ ͱ͍͏͓Λ͠·͢ɻ
Does react-redux-firebase spark joy? ࣍ 00.react-redux-firebaseͱ 02.࡞ͬͨαʔϏεʹ͍ͭͯ 02. ͖ͳͱ͜Ζ 03.
٧·ͬͨͱ͜Ζ 04. ݁
00. react-redux-firebaseͱ
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
01. ࡞ͬͨαʔϏεʹ͍ͭͯ
Does react-redux-firebase spark joy? 01. ࡞ͬͨαʔϏεʹ͍ͭͯ - ొஃऀ͕ษڧձͰϑΟʔυόοΫΛಘΒΕʹ͍͘ - ͕࣌ؒͳ͔ͬͨΓɺஏ͔ͣͯ͘͠खΛ্͛ͮΒ͍
- ొஃऀͷ࣭ײΛಗ໊ & ه໊ͰߘͰ͖Δ - άϧʔϓνϟοτϥΠΫͳαʔϏε PutYourHandsUp ~Where feedback to the speakers gather. pyhu.nkgr.app
Does react-redux-firebase spark joy? 01. ࡞ͬͨαʔϏεʹ͍ͭͯ - ొஃऀ͕ษڧձͰϑΟʔυόοΫΛಘΒΕʹ͍͘ - ͕࣌ؒͳ͔ͬͨΓɺஏ͔ͣͯ͘͠खΛ্͛ͮΒ͍
- ొஃऀͷ࣭ײΛಗ໊ & ه໊ͰߘͰ͖Δ - άϧʔϓνϟοτϥΠΫͳαʔϏε PutYourHandsUp ~Where feedback to the speakers gather.
Does react-redux-firebase spark joy? 01. ࡞ͬͨαʔϏεʹ͍ͭͯ ΞʔΩςΫνϟͱׂ FrontEnd BackEndService React
- ೝূ / DB / Hosting - ΞΫηεղੳGoogleAnalitics 'JSFTUPSF Written in react-redux- firebase
02. ͖ͳͱ͜Ζ
Does react-redux-firebase spark joy? 02. ͖ͳͱ͜Ζ - withFirestoreΛHOCͰrecompose͢Δ͜ͱͰ Firestore͕ఏڙ͢Δ͕ؔར༻Ͱ͖ΔΑ͏ʹͳ Δ
- Get / SetListener Λར༻͢Δ͜ͱͰ redux Storeʹ state.firestore.ordered.xxxͰΞΫη ε͢Δ͜ͱ͕Ͱ͖Δ - ӬଓσʔλFirestoreʹɻredux StoreΞϓ Ϧέʔγϣϯͷঢ়ଶཧʹప͢Δ͜ͱ͕Ͱ͖ Δɻ - setListenerΛ͏͜ͱͰUpdateSetΛ͏ ͱαʔόʔ͔Βfetch͠ͳͯ͘ϦΞϧλΠϜʹ state͕มߋ͞Είϯϙʔωϯτ͕࠶ඳը͞ΕΔ FirestoreΛReduxͷStoreͷΑ͏ʹѻ͑Δ
Does react-redux-firebase spark joy? 02. ͖ͳͱ͜Ζ - ͜Ε͚ͩͰTwitterͷϩάΠϯϙοϓΞοϓͷ ग़ྗ ->
ΓͰϩάΠϯࡁΈϢʔβʔใͷऔ ಘ·ͰͰ͖Δʂ AuthपΓఏڙFunction ͕͍͍͢ - ϩάΠϯεςʔλεΛνΣοΫͰ͖Δ isLoaded, isEmpty ͕ײత
03. ٧·ͬͨͱ͜Ζ
Does react-redux-firebase spark joy? 03. ٧·ͬͨͱ͜Ζ - ϥΠϒϥϦͷͰͳ͘TypeScriptͷ͕ͩɺܕ͕ͳ ͍ͷͰࣗલͰఆ͕ٛඞཁɻ -
PR͛Α͏͔ͱࢥ͕ͬͨɺαʔόʔ͔Βະऔಘ࣌ͳͲอ࣋ ͢Δσʔλ͕ҧ͏Έ͍ͨͳͷͰҰ୴ଘஔͯ͠͠·ͬͨ… react-redux-firebase , redux-firestore ͷ ܕఆ͕ٛͳ͍…
Does react-redux-firebase spark joy? 03. ٧·ͬͨͱ͜Ζ - ௨৴ͷΈAuthͳͲΊͪΌͪ͘Όศརͳ໘ɺଞͷα ʔϏεʹͳ͍ͷͰɺҠΕͳ͍… -
Firebase,Firestoreʹͳ͍ػೳ͑ͳ͍ (GraphQLͱ͔WebαʔϏεͷϩάͱ͔) ΞϓϦέʔγϣϯ͕FirebaseʹϩοΫΠϯ͞ΕΔ
04ɽ݁
Does react-redux-firebase spark joy? • ϑϩϯτΤϯυϗετڥͱͯ͠Firebase࠷ߴ • ϑϧϚωʔδυͳNoSQL DBͱ͍͍ͯ͢͠ʂ •
RealTimeͳ௨৴͕WebSocketͷݟ͕ͳ࣮ͯ͘ݱͰ͖ΔFirestore࠷ߴ • ࠓͷͱ͜ΖϨΠςϯγૣ͍ͱײ͡Δ͠ɺදࣔͳ͍ 04ɽ݁ Firebase Firestore spark joy react-redux-firebase spark joy • Firebase͏ͳΒͥͻ͏͖ʂ