Rekitを試してみた

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 • .PEFM
   
   4DIFNB • 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 TUBS
   IJTUPSZ Ver2.0 Release 2017/6/23 • ओͳػೳ – $-*͔Β৽نϓϩδΣΫτੜ੒ – 3FLJU1PSUBMʢ(6*ʣ΍$6*Ͱ։ൃ࣌ͷ ඞཁίʔυੜ੒ΛࣗಈԽ

5. Included Packages 5 • XFCQBDL • CBCFMQSFTFUFT • SFBDU
   
   SFEVY
   
   SFBDUSPVUFS •

   SFEVYUIVOL ]]
   SFEVYTBHB • SFBDUIPUMPBEFS
   
   SFEVYEFWUPPMT • <-JOUFS>
   FTMJOUDPOGJHBJSCOC • <5FTU>
   NPDIBDIBJ

6. Getting Started 
   OQN JOTUBMM
   NJH
   SFLJU 
   SFLJU DSFBUF
   NZBQQ TBTT 
   DE
   NZBQQ 
   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 BEE
   DPNQPOFOU
   GFBUVSFDPNQPOFOU 
   SFLJU BEE
   BDUJPO
   GFBUVSFBDUJPO
   NJB 
   SFLJU NW
   DPNQPOFOU
   GFBUVSFDPNQPOFOU
   GFBUVSFOFXDPNQPOFOU 
   SFLJU

   NW
   BDUJPO
   GFBUVSFBDUJPO
   GFBUVSFOFXBDUJPO 
   SFLJU SN DPNQPOFOU
   GFBUVSFDPNQPOFOU 
   SFLJU SN BDUJPO
   GFBUVSFBDUJPO • 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.