gaaamiiのブログ

間違ったことを書いている時があります。コメントやTwitter、ブコメなどでご指摘ください

react

ページの共通処理をHOCに書きながら感じたなんなんだっけこれ感

Reactでは継承がアンチパターンで、HOCを使うのが推奨されているっぽい。 なので、たとえば似たような前処理をするページコンポーネントが複数あったとして、その共通処理を書く場合、 export default class UsersDetailPage extends UsersPage { ... } みた…

history.listenこう使ってる

要約 SPA作ってると、なんかイベントが起きたときにURL変えつつなにか処理をしたい そこのページのまま、クエリストリングだけ書き換えて画面更新したいみたいなのがある history.listenというのを使うとできる 前提 React Routerつかってる history.listen…

レイアウトのためのatomコンポーネントとかtemplates層とかの実装

Atomic Designの本「Atomic Design ~堅牢で使いやすいUIを効率良く設計する」を参考にしながら、こういう感じでやっていってる。 // atoms/AppLayout.tsx const AppLayout = (props: Props) => { const children = React.Children.toArray(props.children) r…

今さらReduxのSSOT原則とか状態管理について考える

Reduxを使ってウェブアプリケーションの開発をしていて、割と早い段階で、どうしてもReactのsetStateを呼びたい場面に遭遇しました。しかしReduxといえば、Single Source of Truthという原則があります。状態はすべて、Redux側で一つの状態ツリーで管理する…