Slide 1
Slide 1 text
DDD + Flux?
@amagitakayosi
Slide 2
Slide 2 text
Implementing
Domain
Driven
Design
Slide 3
Slide 3 text
ͱࢥͬͨ͜ͱΛհ͠·͢
㵺㱿㵺
ɻP 'MVYͰʁ
Slide 4
Slide 4 text
Flux
Slide 5
Slide 5 text
%JTQBUDIFS $PNQPOFOU
4UPSF
"DUJPO
%BUB
Flux
Slide 6
Slide 6 text
%JTQBUDIFS $PNQPOFOU
#BS"DUJPO
'PP4UPSF
'PP
'PP"DUJPO
#BS4UPSF
#BS
Store͕૿͑Δͱ…
Slide 7
Slide 7 text
DDD
Slide 8
Slide 8 text
Domain-Driven Design
• ϏδωεϩδοΫΛυϝΠϯʹׂ
• ΞϓϦέʔγϣϯ = υϝΠϯͷू߹
• ϩδοΫͱ࣮ͷΛॏࢹ
Slide 9
Slide 9 text
%JTQBUDIFS $PNQPOFOU
#BS"DUJPO
'PP4UPSF
'PP
'PP"DUJPO
#BS4UPSF
#BS
Store͕૿͑Δͱ…
Slide 10
Slide 10 text
%JTQBUDIFS
$PNQPOFOU
#BS"DUJPO
'PP4UPSF
'PP
'PP"DUJPO
#BS4UPSF
#BS
Store͕૿͑Δͱ…
$PNQPOFOU
Slide 11
Slide 11 text
%JTQBUDIFS
$PNQPOFOU
#BS"DUJPO
'PP4UPSF
'PP
'PP"DUJPO
#BS4UPSF
#BS
$PNQPOFOU
FooυϝΠϯ
BarυϝΠϯ
Slide 12
Slide 12 text
#SPXTFS
React
4FSWFS
Slide 13
Slide 13 text
Store
"1*
%#
Slide 14
Slide 14 text
Store
"1*
%#
4FSWJDF4UPSF্Ͱ࣮͢Δʂʂʂ
Slide 15
Slide 15 text
CQRS
Slide 16
Slide 16 text
Command Query
Responsibility Segregation
• ༁͢ΔͱʮίϚϯυΫΤϦʯ
• ίϚϯυ : ঢ়ଶΛมߋ͢Δ
• ΫΤϦ : ঢ়ଶΛऔಘ͢Δ
• ঢ়ଶͷऔಘํ๏Λ੍ݶ͠ɺߟ͑ΔࣄΛݮΒ͢
Slide 17
Slide 17 text
FluxͱCQRS
• Action ≒ Command ?
• Storeɺߋ৽ͷͳ͍ActionΛແࢹ͢Δ
• Store.getState() ≒ Query ?
• StoreΛมߋ͢Δͷ !
Slide 18
Slide 18 text
Flux
Slide 19
Slide 19 text
4UPSF
"DUJPO
%JTQBUDIFS
$PNQPOFOU
.PEFM
Slide 20
Slide 20 text
Flux
Slide 21
Slide 21 text
Flux
Slide 22
Slide 22 text
Event
Sourcing
Slide 23
Slide 23 text
EventSourcing
• ूΛΠϕϯτͷγʔέϯε͔Β࡞Δ
• ݱࡏͷঢ়ଶ = ॳظঢ়ଶ + Πϕϯτ
• CommandͷΈอଘ͢Εྑ͍
• ActionΛه͍ͯ͠Ε͓̺
Slide 24
Slide 24 text
DispatcherͰهͯ͠ΈΔ
• facebook/flux ͷ Dispatcher Λ֦ு
• Πϕϯτͱ࣌ࠁΛه
• replayػೳ
Slide 25
Slide 25 text
No content
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
σϞ
http://gmork.in/rec-act/
Slide 28
Slide 28 text
·ͱ
Ί
Slide 29
Slide 29 text
·ͱΊ
• Store = υϝΠϯͱ࣮Λͭͳ͙ϙʔτ
• EntityStoreʹஔ͘
• ReduxͩͱEntity࣋ͪʹ͍͘
• ΈΜͳͰStoreߏԽͯ͜͠ʂʂʂʂ