高い学習コストを払ってでも React+Reduxを選ぶその理由

・参考リンク
進化するWeb Componentsの今、2016年最新情報https://html5experts.jp/1000ch/21705/

JavaScript ベスト・オブ・ザ・イヤー 2016 https://risingstars2016.js.org/ja/

やれてなかったからやりたい話　https://speakerdeck.com/yu0819ki/yaretenakatutakarayaritaihua

Transcript

1. ⾼高い学習コストを払ってでも React+Reduxを選ぶその理由 2017/02/20 Skill  Wednesday yu0819ki@CyberZ
2. もくじ • じこしょうかい • 趣旨 • タテマエ • ホンネ • タダシガキ • まとめ ⼀一⾔言でまとめると・・・ 募集要項にjQueryとか書いてあったら萎える
3. じこしょうかい Name:   ⽊木村 幸弘 a.k.a  yu0819ki Birthday:   1985.08.19 Age:   31 Birthplace: 北海道 Job: 技術戦略室フロントエンド担当 Hobby: ⾳音ゲー、読書、作曲 Motto: パンが無ければ作ればいいじゃない Topics ついにScala再⼊入⾨門との噂・・・
4. 趣旨 「なぜ学習コストの⾼高いReact+Reduxで やるの？jQueryのほうが早く実装できる んでしょう？ 」 に対する⾃自分なりの回答をします。
5. タテマエ • コンポーネント化の流れは確実に「そこにある」 • 乗るかどうかは個⼈人・組織問わず各々の判断ではある • うちは今乗るべきだ、と判断した • 「ソース」と⾔言っていい資料が複数ある • 進化するWeb  Componentsの今、2016年最新情報 (  https://html5experts.jp/1000ch/21705/ ) • JavaScript  ベスト・オブ・ザ・イヤー 2016   (  https://risingstars2016.js.org/ja/ )
6. タテマエ • 活発なコミュニティの存在 • 関連ライブラリ・フレームワークが湧いて出てくるほどの規模 がある • npm  search  react  |  wc  ‒–l  #  43 • npm  search  redux  |  wc  ‒–l  #  50 • ⽇日本⼈人とでも⼗十分にディスカッションできる • 事例が海外にしかないとか⾊色々⾟辛い・・・
7. ホンネ Reactないし、Webコンポーネント系の話を知らない と・・・ 勉強会(懇親会)で話せるネタがなくて疎外感を受ける （どこに⾏行っても会話が初められる旬・鉄板のネタを知らないと⾟辛い・・・）
8. ホンネ そもそも・・・ 求⼈人票・募集要項・開発環境とかにjQueryとかWordpress中⼼心の開 発とか書いてあったら萎えるじゃん？ （そういうのを⾒見て萎えるくらいの⼈人と仕事したいです俺）
9. タダシガキ 「採⽤用する理由はわかった。でもそれでやれんの？まわ るの？」に対して、途中で投げ出さない覚悟は要るし、 まわりの変化に置いていかれない意思も要ると思います。
10. まとめ • 流れは来ているし、もうそろそろ飽 和する市場なので、やらない理由も ない • 求⼈人する側が⾜足切りされる事態を避 けたいため • 途中で投げない・ちゃんとついてい く覚悟は必要
11. ご静聴ありがとうございました
12. 付録：関連する過去のスライド • やれてなかったからやりたい話 https://speakerdeck.com/yu0819ki/yaretenakatutak arayaritaihua
13. 付録：⾃自分の関わっているプロジェクト の開発環境抜粋 • Node  6.x • webpack (babel-‑loader,  sass-‑loader,  css-‑loader?modules) • es2017  (async,  awaitはまだ使ってないけどそのうち) • react • redux • redux-‑promise（redux-‑thunkよりも綺麗に書ける⾵風） • superagent • Karma  +  Mocha  +  PowerAssert/Chai • ESLint  +  Airbnb  JavaScript  Style  Guide  +  α