RekitΛࢼͯ͠Έͨ ג ࣜ ձ ࣾ χ ί Ϧ ʔ औ క ໾ $ 5 0 1 த ౡ ژ ྄ ( P U B O E B K T

ࣗݾ঺հ 2 גࣜձࣾχίϦʔ औక໾$50 !DPDPNPEF தౡ ژ྄ ͳ͔͡· ͖ΐ͏͚͢ ҩࢣ͕ڭ͑Δඒ༰ҩྍͷίϯϓϨοΫε ղܾɾԠԉαΠτ/*$0-: IUUQTOJDPMZKQ ͍ͭ΋ޒ൓ాͰۈ຿ͯ͠·͢ɻ ͜ͷձ৔͔ΒెาඵͰ͢ɻ

Awfulness of Building React/Redux Application • ࣾ಺"ENJOը໘Ͱ3FBDU3FEVYΛ࠾༻͍ͯ͠Δ • 3FEVYϓϩδΣΫτͷ໘౗ͳͱ͜Ζ – ॳظϓϩδΣΫτ࡞੒ίετ͕ߴ͍ • ϑϨʔϜϫʔΫ͕ͳ͍ • ߏஙํ๏΋ࡾऀࡾ༷Ͱʮ3BJMʯ΋ͳ͍ – ৽͍͠ػೳΛ࡞Δͷʹ৽ن࡞੒मਖ਼͢ΔϑΝΠϧ͕ଟ͍ • $POUBJOFS$PNQPOFOU • "QJ &QJD]] 4BHB • .PEFM4DIFNB • 3FEVDFS • 3PVUFS • ͜ΕΒʹؔ࿈͢Δ$POTUBOUT౳ 3

Introducing Rekit 4 Toolkit for building scalable web applications with React, Redux and React-router http://rekit.js.org (JUIVC TUBSIJTUPSZ Ver2.0 Release 2017/6/23 • ओͳػೳ – $-*͔Β৽نϓϩδΣΫτੜ੒ – 3FLJU1PSUBMʢ(6*ʣ΍$6*Ͱ։ൃ࣌ͷ ඞཁίʔυੜ੒ΛࣗಈԽ

Included Packages 5 • XFCQBDL • CBCFMQSFTFUFT • SFBDUSFEVYSFBDUSPVUFS • SFEVYUIVOL ]]SFEVYTBHB • SFBDUIPUMPBEFSSFEVYEFWUPPMT • <-JOUFS>FTMJOUDPOGJHBJSCOC • <5FTU>NPDIBDIBJ

Getting Started OQN JOTUBMMNJHSFLJU SFLJU DSFBUFNZBQQ TBTT DENZBQQ OQN JOTUBMM OQN TUBSU 6

How it works 7 'FBUVSF" $PNNPO 'FBUVSFT Routes Actions Components Routes Actions Components 'FBUVSF# ǘǘ

How it works 8 DEMO

Using CLI 9 SFLJU BEEDPNQPOFOUGFBUVSFDPNQPOFOU SFLJU BEEBDUJPOGFBUVSFBDUJPONJB SFLJU NWDPNQPOFOUGFBUVSFDPNQPOFOUGFBUVSFOFXDPNQPOFOU SFLJU NWBDUJPOGFBUVSFBDUJPOGFBUVSFOFXBDUJPO SFLJU SN DPNQPOFOUGFBUVSFDPNQPOFOU SFLJU SN BDUJPOGFBUVSFBDUJPO • SFLJUDPSF – ίϚϯυΛड͚औΓɺ5FNQMBUF͔Βࣗಈੜ੒ͯ͠Δ – 3FOBNF΍3FNPWF΋ରԠ – ͜ΕΒͷ৽نςϯϓϨʔτΛ࡞ΕΔ1MVHJO΋։ൃՄೳ

Comment • ⼤規模プロジェクトになるとまだまだ⾟い – Model / Schema層が欲しい – apiを呼ぶ部分とreducerが同じファイル内にあるのを分離したい – actionとreducerが1:1になってしまってるので、storeが増えると 管理⾟い – storeがimmutableじゃない • 発想は好き – でも流⾏らなそう。Plugin開発もそんなに進んでない。 • やってみたい – Rekit-coreをforkして、別プロジェクトに応⽤ができそう 10

11 Thank you for listening … a nd w e a r e hi r i ng.