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

RiotからVueに移行した話 #gotandajs

mizuki_r
December 02, 2016

RiotからVueに移行した話 #gotandajs

GotandaJS #6 の資料です

mizuki_r

December 02, 2016
Tweet

More Decks by mizuki_r

Other Decks in Programming

Transcript

  1. ライフサイクル ·͋ͦΜͳʹࣅͯΔΘ͚͡Όͳ͍… ͕ɺ mount → created, mount unmount → unmount

    update → watch etc… Riot͸࠷খͷϥΠϑαΠΫϧ͔࣋ͬͯ͠ͳ͍ͷͰɺ Vue΁ͷҠߦ͸ָɻ
  2. *.tag to *.vue • HTML to pug • هड़ྔతʹHTMLॻ͘ͷΊΜͲ͔ͬͨ •

    ActionCreatorͷͭͳ͗௚͠ • γϯλοΫεͷஔ͖׵͑
  3. 良かったこと • View : Logicͷந৅Խͷ੒ޭ • Vueͷtickͷॲཧ͕ૉఢ • ެࣜαϙʔτڧ͍ •

    ೔ຊޠυΩϡϝϯτڧ͍ • ମײύϑΥʔϚϯεͷվળ • Τϥʔ͕ܹݮͨ͠ • ָ͍͠
  4. 苦労した • JavaScript͔ΒϖʔδભҠ • action-creatorͷதͰ΍͚ͬͯͨͲɺvueͰ͸Ͳ͏͢΂͖͔൑அͰ͖ͣɺcomponentʹҾ͖౉ͨ͠ • ๞͖Δɻ௒ઈ๞͖Δɻ஌ͬͯΔ஌ݟ͚ͩͰ200ߦॻ ͖׵͑ͱ͔ຊ౰ʹ΋͏๞͖Δ • routerͷҠ২

    • ͜͜ͷڍಈ͕Ұ൪มΘΓ΍͍͢ɻશ෦reducerܦ༝ͰURLͱ͔औಘ͔ͯͨ͠Βக໋తʹ͸ͳΒ ͳ͔͕ͬͨɺ؊Λྫྷ΍ͨ͠ • ΤϯτϦʔϙΠϯτ͕গͳ͔ͬͨͷͰٹΘΕͨɻଟ͔ͬͨΒઈ๬ͯͨ͠