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

Ajax in React with axios

takanorip
November 04, 2016
Technology
0
660

Ajax in React with axios

takanorip

November 04, 2016
Tweet

More Decks by takanorip

See All by takanorip
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
takanorip
5
670
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6.1k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
1.5k
早わかり W3C Community Group
takanorip
0
410
Ubieとアクセシビリティのこれからを考える
takanorip
0
390
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.7k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
3.1k
デザインシステム運用とOKRの良い関係
takanorip
0
1.9k

Other Decks in Technology

See All in Technology
DynamoDB でスロットリングが発生したとき/when_throttling_occurs_in_dynamodb_short
emiki
0
270
New Relicを活用したSREの最初のステップ / NRUG OKINAWA VOL.3
isaoshimizu
3
660
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
アプリエンジニアのためのGraphQL入門.pdf
spycwolf
0
110
【Pycon mini 東海 2024】Google Colaboratoryで試すVLM
kazuhitotakahashi
2
580
Chasing the White Whale of Open Source - ROI
mrbobbytables
0
110
SREが投資するAIOps ~ペアーズにおけるLLM for Developerへの取り組み~
takumiogawa
3
850
マルチモーダル / AI Agent / LLMOps 3つの技術トレンドで理解するLLMの今後の展望
hirosatogamo
38
13k
CDCL による厳密解法を採用した MILP ソルバー
imai448
3
200
複雑なState管理からの脱却
sansantech
PRO
1
160
マルチプロダクトな開発組織で 「開発生産性」に向き合うために試みたこと / Improving Multi-Product Dev Productivity
sugamasao
1
310
"とにかくやってみる"で始めるAWS Security Hub
maimyyym
2
100

Featured

See All Featured
How GitHub (no longer) Works
holman
310
140k
Navigating Team Friction
lara
183
14k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Thoughts on Productivity
jonyablonski
67
4.3k
How to Ace a Technical Interview
jacobian
276
23k
Making Projects Easy
brettharned
115
5.9k
A designer walks into a library…
pauljervisheath
204
24k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Designing the Hi-DPI Web
ddemaree
280
34k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
900
KATA
mclloyd
29
14k

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.) 　 ということらしい…