「react」 一覧

  こんにちは、mabuiです。 今回静的サイトジェネレーターのGatsby.jsとTypeScriptを使用してポートフォリオサイトを作成したので、開発に使った技術を含めて紹介をします。 ...

こんにちは、mabuiです。 最近仕事でGraphQLを使用していて、これは筋がいい技術だな〜流行ってほしいな〜〜と思っており、今後自分でもサービス作りに活用したいと考えています。 そこで今回は、Gr ...

こんにちは、mabuiです。 前回に続いて今回はApollo ClientのQueryコンポーネントについて、GraphQLからデータを取得してUIに反映させる方法、エラーとローディング状態中の処理方 ...

  こんにちは、mabuiです。 GraphQLをクライアントで使いやすくするためのライブラリ、Apollo Clientのチュートリアルを手を動かしつつ紹介して、今後のサービス開発に活かし ...

  こんにちは、mabuiです。 今回は以前サンプルを作った時にも使用した、 Reactで作ったサンプルにMaterial-UIを適用する Material-UIを使って、検索バーの実装を紹 ...

こんにちは、mabuiです。 これまでの記事ではReactで仮想通貨の情報を表示するサンプルを 一つづつ技術を取り入れて作ってきましたが、 最後にMaterial-UIのコンポーネントを取り入れて、 ...

こんにちは、mabuiです。 Reactで作っている仮想通貨の情報を表示するサンプルにルーティングを導入して、 通貨ごとの個別ページに何を表示しようか考えたところ、 チャートを表示することにしました。 ...

こんにちは、mabuiです。 前回はReduxを導入して、状態管理をしやすくしました。 ですがまだこの状態のサンプルだとサービスとして味気ないので、 今回はreact-router-domを使ってSP ...

  こんにちは、mabuiです。 前回の記事で取り上げた、Reactのみで実装したサンプルに Reduxを導入していきます。 動作は前回とまったく同じで、仮想通貨の上位10銘柄を表示して、 ...

  こんにちは、mabuiです。 前回作成した仮想通貨銘柄の一覧表示サンプルに 画面表示を変更するボタンを取り付けて、 状態を更新して画面をレンダリングし直す、よりreactらしいコードにし ...

  こんにちは、mabuiです。 前回、reactのレンダリング処理を説明しましたが、 それを使いつつ、javascriptの非同期通信でcoinmarketcapのapiを叩いて 仮想通貨 ...

  こんにちは、mabuiです。 下記コードを使用して、reactのコア機能であるレンダリング処理の説明をします。 なお動作環境は1クリックで用意できるオンラインエディタのcodesandb ...

今更ながらreactは覚えるとかなりコスパのいい技術かもしれない。 Learn Once, Write Anywhereって哲学が素敵！！ — mabui (@mabui_x) 2018年6月15日 ...