RekitΛࢼͯ͠Έͨג ࣜ ձ ࣾ χ ί Ϧ ʔऔ క $ 5 01த ౡ ژ ྄ ( P U B O E B K T
View Slide
ࣗݾհ2גࣜձࣾχίϦʔ औక$50!DPDPNPEFதౡ ژ྄ͳ͔͡· ͖ΐ͏͚͢ҩࢣ͕ڭ͑Δඒ༰ҩྍͷίϯϓϨοΫεղܾɾԠԉαΠτ/*$0-:IUUQTOJDPMZKQ͍ͭޒాͰۈͯ͠·͢ɻ͜ͷձ͔ΒెาඵͰ͢ɻ
Awfulness of Building React/Redux Application• ࣾ"ENJOը໘Ͱ3FBDU3FEVYΛ࠾༻͍ͯ͠Δ• 3FEVYϓϩδΣΫτͷ໘ͳͱ͜Ζ– ॳظϓϩδΣΫτ࡞ίετ͕ߴ͍• ϑϨʔϜϫʔΫ͕ͳ͍• ߏஙํ๏ࡾऀࡾ༷Ͱʮ3BJMʯͳ͍– ৽͍͠ػೳΛ࡞Δͷʹ৽ن࡞मਖ਼͢ΔϑΝΠϧ͕ଟ͍• $POUBJOFS$PNQPOFOU• "QJ &QJD]] 4BHB• .PEFM4DIFNB• 3FEVDFS• 3PVUFS• ͜ΕΒʹؔ࿈͢Δ$POTUBOUT3
Introducing Rekit4Toolkit for building scalable web applications with React, Redux and React-routerhttp://rekit.js.org(JUIVC TUBSIJTUPSZVer2.0 Release2017/6/23• ओͳػೳ– $-*͔Β৽نϓϩδΣΫτੜ– 3FLJU1PSUBMʢ(6*ʣ$6*Ͱ։ൃ࣌ͷඞཁίʔυੜΛࣗಈԽ
Included Packages5• XFCQBDL• CBCFMQSFTFUFT• SFBDUSFEVYSFBDUSPVUFS• SFEVYUIVOL ]]SFEVYTBHB• SFBDUIPUMPBEFSSFEVYEFWUPPMT• <-JOUFS>FTMJOUDPOGJHBJSCOC• <5FTU>NPDIBDIBJ
Getting StartedOQN JOTUBMMNJHSFLJUSFLJU DSFBUFNZBQQ TBTTDENZBQQOQN JOTUBMMOQN TUBSU6
How it works7'FBUVSF"$PNNPO'FBUVSFTRoutesActionsComponentsRoutesActionsComponents'FBUVSF#ǘǘ
How it works8DEMO
Using CLI9SFLJU BEEDPNQPOFOUGFBUVSFDPNQPOFOUSFLJU BEEBDUJPOGFBUVSFBDUJPONJBSFLJU NWDPNQPOFOUGFBUVSFDPNQPOFOUGFBUVSFOFXDPNQPOFOUSFLJU NWBDUJPOGFBUVSFBDUJPOGFBUVSFOFXBDUJPOSFLJU SN DPNQPOFOUGFBUVSFDPNQPOFOUSFLJU SN BDUJPOGFBUVSFBDUJPO• SFLJUDPSF– ίϚϯυΛड͚औΓɺ5FNQMBUF͔Βࣗಈੜͯ͠Δ– 3FOBNF3FNPWFରԠ– ͜ΕΒͷ৽نςϯϓϨʔτΛ࡞ΕΔ1MVHJO։ൃՄೳ
Comment• ⼤規模プロジェクトになるとまだまだ⾟い– Model / Schema層が欲しい– apiを呼ぶ部分とreducerが同じファイル内にあるのを分離したい– actionとreducerが1:1になってしまってるので、storeが増えると管理⾟い– storeがimmutableじゃない• 発想は好き– でも流⾏らなそう。Plugin開発もそんなに進んでない。• やってみたい– Rekit-coreをforkして、別プロジェクトに応⽤ができそう10
11Thank you for listening… a nd w e a r e hi r i ng.