はてなブックマーク

はじめに Reactで非同期処理を扱う場合、いくつかの方法がありますが、Redux Thunkで処理するのがよくあるお手軽パターンかと思います。 実は、途中まで書いて、しばらく放置してあったのですが、React hooksが本格化する前の供養です。 ちょっとしたRedux Thunkの説明 Redux ThunkのReadMeには、このように書かれています。 Redux Thunk middleware allows you to write action creators that return a function instead of an action. The thunk can be used to delay the dispatch of an action, or to dispatch only if a certain condition is met. The in

This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help json` for definitive documentation on these fields and exactly what they do. Use `npm install <pkg>` afterwards to install a package and save it as a dependency in the package.json file. Press ^C at any time to quit. が表示されて、幾つかの質問をされるので、それに適当に応え

さいしんのじょうほう 当初こちらの記事は「webpack-dev-serverがオワコンになってたのでwebpack-serveに置換えた」というタイトルだったのですが、現在のタイトルの通りの事態になりました。 結論として、2018/9/20現在は「webpack-dev-serverを使いましょう」ということになっています。 一応、経緯を時系列にならべてみると 2018/01/06 webpack-dev-serverがメンテナンスモードに入る。Expressでいいじゃんみたいな書きぶりとなる。 2018/05/15 webpack-dev-serverの代わりみたいなやつがほしいなら、webpack-serve使いなとアナウンスされる。 2018/08/22 突如webpack-dev-serverのメンテナンスモードが解除される 「なんでなんで？」って質問に対しては、「webpack

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに AWSエコシステムの中で、コンテナを使ったシステム開発・構築をするための全部入りです。 KubernetesベースなEKSもありますが、執筆時点では東京リージョンで利用不可なことと、Kubernetesを使うのであればGKEのほうがいいと思いますので本記事では割愛します。 何を作るのか さて、この記事の目標ですが、 AZ safetyで http to httpsで 独自ドメインな Webサービスを、なるべくAWS内で完結するように構築します。 また、AWS management consoleの画面の行ったり来たりを極力減らしたいと思います。 本記事では、セキュリティグループとネットワーク構成については触れませんので、別途ご用意ください。 大まかな構成について おおまかにはApplication load balancerからのトランザクションをデプロイされているコンテナ群に振

はじめに 普段はReact.SFCで書いてるけど、ステート追加したり、ライフサイクル追加したりしたいことがあります。 recomposeつかえばいいのですが、型定義が結構深くて調べるのが大変でした。調べる度に追記していきます。 Samples 実際に使ったやつとか組み合わせとかをのせます。 lifecycle 一番簡単なやつです。componentDidMountで統計情報送ったりしたいとき便利です。 import * as React from 'react'; import { lifecycle, ReactLifeCycleFunctions, } from 'recompose'; type Props = { text: string; }; const component: React.SFC<Props> = (props: Props) => { return <div>