TypeScriptでRedux Thunkを使う - Qiita
はじめに 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
Reactでスクロール位置を表示してみる - Qiita
はじめに スクロール位置をとって表示するみたいなことをしようと思ったときに、ググっても出てくるのがjQueryの情報ばかりで困ったので、Reactでやってみました。 何を作るか 縦にスクロールしたときに、縦位置がなんなのかを表示するコンポーネントを書いてみます。 できあがるのは↓こんなやつです。 作ってみる 基本的な方針は、コンポーネントの状態としてスクロール量を保持し、状態をupdateするための関数をコンポーネントのマウント時にEventLilstenerとして登録するみたいな感じです。順番にコードを追加していきます。 まずはコンポーネントを作ってみる なにはともあれ、ステートレスなコンポーネントを作ってみます。 import * as React from 'react'; type Props = { scroll: number; }; const component: Reac
TypeScriptでrecomposeを使う - Qiita
はじめに 普段は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>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
