Reduxの細かい話 #react_fukuoka

Slide 1

Slide 1 text

3FEVYͷࡉ͔͍ ࿩ ۚ 3FBDUษڧձ!෱ԬWPM !QJSPTJLJDL

Slide 2

Slide 2 text

ࣗݾ঺հ w !QJSPTJLJDL w ݀Ҫ޺޾ w 3FBDUೖ໳ʢᠳӭࣾʣஶऀ w εϚϒϥͷ࿅श͍͕ͨ͠  εϓϥτΡʔϯ͕·ͩ๩͍͠

Slide 3

Slide 3 text

࿩͢͜ͱ w 3FEVYͷ w ʮ஌͍ͬͯΔਓ͸஌͍ͬͯΔɺ஌Βͳ͍ਓ͸֮͑ͯͶʯ w ͱ͍͏஌ݟʹ͍ͭͯ࿩͠·͢ w ʮࡉ͔͍ʯͱ͍͏ͱඍົͳؾ͕ͨ͠ͷͰʁ෇͚·ͨ͠ w ʮେ૚ͳ࿩͡Όͳ͍ʯͱ͍͏ҙຯ߹͍͔΋͠Εͳ͍ w Α͏͸খωλͰ͢

Slide 4

Slide 4 text

ͳΜͰʁ w 3FEVY͸͍ͩͿރΕ͍ͯΔ͕ɺ w ੲ͔Β΍ͬͯΔਓͱ࠷ۙ͸͡ΊͨਓͰ  ஌ࣝͷ։͖͕େ͖͍ؾ͕͢Δ w ͦͷ஌ࣝͷ։͖ΛຒΊΔ΋ͷ΋͋Μ·Γͳ͍ؾ͕͢Δ w ͳͷͰɺ࠷࣭ۙ໰͞Εͨ͜ͱ΁ͷΞϯαʔ΍  ͜Ε஌ͬͯͨΒศརͱ͍͏͜ͱΛ࿩͠·͢ w ஌͍ͬͯΔਓʹͱͬͯ͸  ʮ౰ͨΓલ͡ΌΜʯΈ͍ͨͳ࿩͔΋͠Εͳ͍͕ྃ͝ঝ͍ͩ͘͞

Slide 5

Slide 5 text

໨࣍ w EJTQBUDIͷฦΓ஋ w SFEVYUIVOLͷXJUI&YUSB"SHVNFOU

Slide 6

Slide 6 text

EJTQBUDIͷฦΓ஋

Slide 7

Slide 7 text

EJTQBUDIͷฦΓ஋ w EJTQBUDI͸ฦΓ஋Λฦ͍ͯ͠Δ w αϯϓϧίʔυ౳Ͱར༻͞Ε͍ͯΔͷΛ  ͋·Γݟ͔͚ͳ͍͕ɻ w ฦΓ஋͸EJTQBUDIͨ͠"DUJPOΛॲཧͨ͠  .JEEMFXBSFʹΑͬͯมΘΔ w .JEEMFXBSF͕ແ͍PS  Ͳͷ.JEEMFXBSF΋ॲཧ͠ͳ͔ͬͨ৔߹ w "DUJPOΛฦ͢

Slide 8

Slide 8 text

SFEVYUIVOLͷ৔߹ɿ EJTQBUDIͨؔ͠਺ͷ݁ՌΛฦ͢

Slide 9

Slide 9 text

Ͳ͏͍͏࣌ʹศར͔ʁ w SFEVYUIVOLͷ৔߹ w UIVOLΞΫγϣϯͷதͰ  ผͷUIVOLΞΫγϣϯΛEJTQBUDI͢Δ৔߹ w ݺͼग़ͨ͠UIVOLΞΫγϣϯͷ݁ՌΛݟͯ  ৼΔ෣͍Λม͑Δ͜ͱ͕Ͱ͖Δ

Slide 10

Slide 10 text

αϯϓϧίʔυɿ σʔλΛऔಘ͢ΔΞΫγϣϯ

Slide 11

Slide 11 text

αϯϓϧίʔυɿ 6*Λදࣔ͢ΔͨΊͷΞΫγϣϯ υϝΠϯϞσϧͱ6*ͷ4UBUFɾ"DUJPOΛ  ͖ͬͪΓ෼͚Δ͜ͱ͕Ͱ͖Δ

Slide 12

Slide 12 text

w SFEVYUIVOLҎ֎͸෼͔Βͳ͍Ͱ͢CPX w ࢖͍ͬͯΔ.JEEMFXBSFͷ  EJTQBUDIͷฦΓ஋Λௐ΂Δͱͳʹ͔ൃݟ͕͋Δ͔΋ʂ

Slide 13

Slide 13 text

SFEVYUIVOLͷ XJUI&YUSB"SHVNFOU

Slide 14

Slide 14 text

SFEVYUIVOLͷ XJUI&YUSB"SHVNFOU w UIVOL.JEEMFXBSFXJUI&YUSB"SHVNFOU BSHVNFOU w UIVOLΞΫγϣϯͷୈҾ਺ʹ  ೚ҙͷ஋Λ౉͢͜ͱ͕Ͱ͖Δ

Slide 15

Slide 15 text

BQQMZ.JEEMFXBSF͢Δଆͷίʔυ

Slide 16

Slide 16 text

BQQMZ.JEEMFXBSF͢Δଆͷίʔυ

Slide 17

Slide 17 text

BDUJPOଆͷίʔυ

Slide 18

Slide 18 text

BDUJPOଆͷίʔυ

Slide 19

Slide 19 text

Կ͕͏Ε͍͠ͷ͔ʁ w ςετ͕গ͠γϯϓϧʹͳΔ w UIVOLΞΫγϣϯͷৼΔ෣͍ͷ֦ு͕༰қʹͳΔ

Slide 20

Slide 20 text

Α͋͘ΔUIVOLΞΫγϣϯͷίʔυྫ

Slide 21

Slide 21 text

Α͋͘ΔUIVOLΞΫγϣϯͷίʔυྫ BQJUTʹґଘ

Slide 22

Slide 22 text

KFTUNPDLΛ࢖ͬͯ୯ମςετ KFTUNPDLͰؔ਺Λ KFTUGOʹࠩ͠ସ͑Δ

Slide 23

Slide 23 text

&YUSB"SHVNFOU͔ΒBQJΛ౉͢ɿ BQQMZ.JEEMFXBSFଆͷίʔυ

Slide 24

Slide 24 text

&YUSB"SHVNFOU͔ΒBQJΛ౉͢ɿ BDUJPOଆͷίʔυ

Slide 25

Slide 25 text

&YUSB"SHVNFOU͔ΒBQJΛ౉͢ɿ BDUJPOଆͷίʔυ BQJUT΁ͷґଘʢJNQPSUจʣ͕ແ͘ͳΔ

Slide 26

Slide 26 text

मਖ਼ޙͷςετίʔυ

Slide 27

Slide 27 text

मਖ਼ޙͷςετίʔυ

Slide 28

Slide 28 text

मਖ਼ޙͷςετίʔυ KFTUNPDLෆཁ ςετ͕ͪΐͬͱγϯϓϧʹ

Slide 29

Slide 29 text

ৼΔ෣͍ͷ֦ு͕༰қʹͳΔ w &YUSB"SHVNFOUͷBQJͷܕΛ۩৅Ͱ͸ͳ͘  ந৅ʢΠϯλϑΣʔεʣʹ͢Δ͜ͱͰɺ w UIVOLΞΫγϣϯΛมߋͤͣʹৼΔ෣͍Λ֦ுͰ͖Δ

Slide 30

Slide 30 text

BQQMZ.JEEMFXBSFଆͷίʔυɿ BQJͷܕΛந৅ʢΠϯλϑΣʔεʣʹ͢Δ

Slide 31

Slide 31 text

BQQMZ.JEEMFXBSFଆͷίʔυɿ BQJͷΠϯλϑΣʔεΛ࣮૷ BDUJPOΛม͑ͣʹৼΔ෣͍Λ֦ுͰ͖Δ ྫɿ 3FTU"1*͔Β(SBQI2-ʹม͑Δ 443ͱ$43Ͱσʔλऔಘํ๏Λม͑Δ ςετ༻ͷϞοΫ"1*ΫϥΠΞϯτ

Slide 32

Slide 32 text

͓ΘΓ w ࣗ෼ʹͱͬͯ౰ͨΓલͰ΋  ଞऀʹͱͬͯͦ͏ͱ͸ݶΒͳ͍ w ͨ·ʹυΩϡϝϯτΛݟฦ͢ͱɺ  ৽͍͠ൃݟ͕͋Δ͔΋

Slide 33

Slide 33 text

͋Γ͕ͱ͏ ͍͟͝·ͨ͠