タグ

ブックマーク / qiita.com/haradakunihiko (2)

  • Graphql クライアント実装入門 (React以外でもgraphqlを使いたいっ) - Qiita

    こんにちわ。 OPENLOGI AdventCalendar 11日目です。 前回はGraphQLを使って実装してみようを書きましたが、主にサーバーサイドの話でしたので、今回はその続きとしてクライアント編を書こうと思います。 よく分からないという噂のGraphqlについて、クライアントサイドのライブラリってどうすればいいの?というのをできるだけ噛み砕いてみたいという趣旨です。 (サンプルのコードを書いていこうと思っていたら思ったより読み物になってしまった) さて、GraphqlはFacebookがRelayというライブラリと共に出したということで、比較的Reactと利用されることが多いですが、GraphqlReactのためだけのものではありません。 そもそもGraphql自体はGETリクエストやPOSTリクエストでサーバーサイドに問い合わせを行うので、クライアントライブラリなんてなくても

    Graphql クライアント実装入門 (React以外でもgraphqlを使いたいっ) - Qiita
  • Hot Module Replacementの設定と仕組みを理解する - Qiita

    Hot Module Replacement (HMR)はwebpackの提供する仕組みで、画面の再描画すること無しにJSの変更をブラウザに適用してくれる開発ツールです。再描画無しにと言うのは、「F5とかリロードボタンを押さなくても自動的に再描画してくれますよ」ということではなく、文字通り変更したモジュールのみを置き換えてくれます。 Reactを導入して開発環境を整えると、当然のようについてくるので使う分には意識する必要もないですが、、 で、これって何なんだっけ?というのを整理しました。 HMRは、Websocket通信と、ソースコードに注入されたいくつかのRuntimeと呼ばれるスクリプトによって実現されます。ソースコードの変更をコンパイラが検知し、WebSocketでブラウザに通知、通知を受け取ったRuntimeはサーバーから変更分のスクリプトを取得してモジュールを置き換えます。 前述

    Hot Module Replacementの設定と仕組みを理解する - Qiita
  • 1