Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Rekitを試してみた

 Rekitを試してみた

Kyosuke Nakajima

October 06, 2017
Tweet

More Decks by Kyosuke Nakajima

Other Decks in Technology

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