React + Reduxでサーバー通信ってどこでやればいいの？ - TIS ENGINEER NOTE
React + Reduxはその柔軟性から、Googleで調べて出てくる情報の一貫性がなく、機能を実装するときの調査が結構大変。 今回はリアルタイムチャットツールを開発したときの経験を元にReact + Reduxでサーバー通信を行うときの書き方について紹介していきます。 ちなみに今回の例ではRuby on RailsでAPIを構築し、そちらへ通信を行うという構成です。 使用するライブラリなど サーバー通信用のライブラリ javascriptでサーバー通信をするときに用いられるものとしてはajaxがメジャーですが、Reactで開発している中でajaxのためだけにjQueryを用いるというのはちょっとナンセンスです。 そこで今回はaxiosというサーバー通信用のライブラリを使用します。 Reactでサーバー通信する際は他にもsugaragentやfetchが用いられることがありますが、書き方
React + ReduxでREST APIを叩いてリスト表示する方法 - Qiita
1. はじめに React + Reduxで，ajaxでデータを取得してリストを表示しようとしたら，なかなかにハマったのでメモががてら共有したいと思います。（ひととおりドキュメントを読んでから実装したにも関わらず，ハマった。。。） 1-1. アウトライン 本記事のアウトラインは以下です。 はじめに 1-1. アウトライン 1-2. 作りたい機能概要 Middlewareの導入 Actionの実装 Reducerの実装 Componentsの実装 5-1. Container Component 5-2. Presentational Component まとめ 1-2. 作りたい機能概要 作るのは，ユーザの投稿（Post）の一覧を表示する機能です。サーバー側はGETリクエストすると { _id: 'aaaaaaaa', body: 'bbbbbbbb', created_at: 'cccc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
