Ajax in React with axios

Transcript

1. Ajax in React with axios @React&React Native入門者の会
2. 自己紹介 • 大木尊紀（@takanorip） • 株式会社フォーデジットデザイン • フロントエンドエンジニア
3. 今日話すこと
4. Reactで PromiseなAjaxやってみた という話
5. 前提
6. React = Library (React ≠ FrameWork)
7. Ajaxは自前で 実装する必要がある
8. 主な実装方法
9. jQuery
10. jQueryによる実装
11. Ajaxだけで使うには jQueryは重すぎ…
12. Promise ES2015
13. Promise • 非同期処理を抽象化したオブジェクト • ES2015で実装された • 書き方が統一されている • 詳しくは→JavaScript Promiseの本
14. axios
15. axios • Promise based HTTP client for the browser and node.js • PromiseベースのHTTPクライアント • IEでもPromise使えるようになる
16. How To Use
17. How To Use 1. HFU ͰGETϦΫΤετ 2. σʔλऔಘޙʹUIFO
    Λ࣮ߦ 3. Τϥʔͷ৔߹͸ DBUDI
    Λ࣮ߦ
18. ײ૝ • jQueryʹ͘Β΂ͯεοΩϦ͔͚ΔͷͰخ͍͠ • JSONPରԠͯ͠ͳ͍ͷͰΫϩευϝΠϯରԠ ͢Δࡍ͸஫ҙ͕ඞཁ (I have decided not to support JSONP as part of axios.) 　 ということらしい…