Save 37% off PRO during our Black Friday Sale! »

Rekitを試してみた

 Rekitを試してみた

74eae7483ba65f6cef5bc31c201458d7?s=128

Kyosuke Nakajima

October 06, 2017
Tweet

Transcript

  1. RekitΛࢼͯ͠Έͨ ג ࣜ ձ ࣾ χ ί Ϧ ʔ औ

    క ໾ $ 5 0 1 த ౡ ژ ྄            ( P U B O E B  K T  
  2. ࣗݾ঺հ 2 גࣜձࣾχίϦʔ औక໾$50 !DPDPNPEF தౡ ژ྄ ͳ͔͡· ͖ΐ͏͚͢ ҩࢣ͕ڭ͑Δඒ༰ҩྍͷίϯϓϨοΫε

    ղܾɾԠԉαΠτ/*$0-: IUUQTOJDPMZKQ ͍ͭ΋ޒ൓ాͰۈ຿ͯ͠·͢ɻ ͜ͷձ৔͔ΒెาඵͰ͢ɻ
  3. Awfulness of Building React/Redux Application • ࣾ಺"ENJOը໘Ͱ3FBDU3FEVYΛ࠾༻͍ͯ͠Δ • 3FEVYϓϩδΣΫτͷ໘౗ͳͱ͜Ζ –

    ॳظϓϩδΣΫτ࡞੒ίετ͕ߴ͍ • ϑϨʔϜϫʔΫ͕ͳ͍ • ߏஙํ๏΋ࡾऀࡾ༷Ͱʮ3BJMʯ΋ͳ͍ – ৽͍͠ػೳΛ࡞Δͷʹ৽ن࡞੒मਖ਼͢ΔϑΝΠϧ͕ଟ͍ • $POUBJOFS$PNQPOFOU • "QJ &QJD]] 4BHB • .PEFM4DIFNB • 3FEVDFS • 3PVUFS • ͜ΕΒʹؔ࿈͢Δ$POTUBOUT౳ 3
  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*Ͱ։ൃ࣌ͷ ඞཁίʔυੜ੒ΛࣗಈԽ
  5. Included Packages 5 • XFCQBDL • CBCFMQSFTFUFT • SFBDUSFEVYSFBDUSPVUFS •

    SFEVYUIVOL ]]SFEVYTBHB • SFBDUIPUMPBEFSSFEVYEFWUPPMT • <-JOUFS>FTMJOUDPOGJHBJSCOC • <5FTU>NPDIBDIBJ
  6. Getting Started OQN JOTUBMMNJHSFLJU SFLJU DSFBUFNZBQQ TBTT DENZBQQ OQN JOTUBMM

    OQN TUBSU 6
  7. How it works 7 'FBUVSF" $PNNPO 'FBUVSFT Routes Actions Components

    Routes Actions Components 'FBUVSF# ǘǘ
  8. How it works 8 DEMO

  9. Using CLI 9 SFLJU BEEDPNQPOFOUGFBUVSFDPNQPOFOU SFLJU BEEBDUJPOGFBUVSFBDUJPONJB SFLJU NWDPNQPOFOUGFBUVSFDPNQPOFOUGFBUVSFOFXDPNQPOFOU SFLJU

    NWBDUJPOGFBUVSFBDUJPOGFBUVSFOFXBDUJPO SFLJU SN DPNQPOFOUGFBUVSFDPNQPOFOU SFLJU SN BDUJPOGFBUVSFBDUJPO • SFLJUDPSF – ίϚϯυΛड͚औΓɺ5FNQMBUF͔Βࣗಈੜ੒ͯ͠Δ – 3FOBNF΍3FNPWF΋ରԠ – ͜ΕΒͷ৽نςϯϓϨʔτΛ࡞ΕΔ1MVHJO΋։ൃՄೳ
  10. Comment • ⼤規模プロジェクトになるとまだまだ⾟い – Model / Schema層が欲しい – apiを呼ぶ部分とreducerが同じファイル内にあるのを分離したい –

    actionとreducerが1:1になってしまってるので、storeが増えると 管理⾟い – storeがimmutableじゃない • 発想は好き – でも流⾏らなそう。Plugin開発もそんなに進んでない。 • やってみたい – Rekit-coreをforkして、別プロジェクトに応⽤ができそう 10
  11. 11 Thank you for listening … a nd w e

    a r e hi r i ng.