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.