Rekitを試してみた

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

4. 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*Ͱ։ൃ࣌ͷ
   ඞཁίʔυੜ੒ΛࣗಈԽ
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

8. How it works
   8
   DEMO
   

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide