React & Redux

React, Reduxのお型付け

React, ReduxのTypeScriptでの型付けのベストプラクティスです。勉強会で発表したので簡単にブログにまとめます。 はじめにスライドは以下のページにあります。【参考】

redux-formのstoreにコンポーネント内でアクセスする

redux-formを使用しててコンポーネント内でredux-form内のstoreの値を得たい時に調べるのにちょっと時間が取られたのでその時のメモ。したいことredux-formを使っている周辺のコンポーネント内で、formに入力されている内容を見たい。

ReactNaticeとReduxでGithub検索アプリを作った

前のToDoアプリ制作に引き続き、ReactNativeの練習がてらGithub検索アプリを作りました。 早急に必要そうなものを突っ込んだので、統一感どこ行ったという感じになりましたが一応できました。コードはG

recomposeのwithStateとwithHandlersをコードリーディングする

前回の記事の続きです。 recomposeでよく使われるAPIである、「withState」と「withHan…

TypeScript+recomposeでpropsを伝達するときにぶつかった問題などについて

なんかパッと出てこなかったのでメモ

ReactNativeでHoCとRecomposeを使う

この記事は、Reactを使っているとたまに耳にするHoCやRecomposeってどんなもの?って人向けに概要をざっくり理解できるような形で書きました。詳細な使い方などは書いていないので、記事中のリンクなどを参考にしてみてください。 HoCをつかうHoCってなに?HoCというのは、Higher-order Co

ReactNativeとTypeScriptでDucksデザインパターンを試してみた

Reduxのディレクトリ構成の一つにDucksというデザインパターンがあるみたいで、けっこう良さそうなので採用してみました。   以下の例ではドメインをpage1,page2と分けています。 ドメインというのは、まとまりのある機能ごとのページのようなものです。 LINEアプリで言えば、page1が「友だちのページ」、page2が「トークのページ」のようなイメージです。  

styled-componentsとredux-formの組み合わせ時にフォーカスが外れる問題について

styled-componentsとredux-formを併用している時に、 フォームのデザインをすると文字の…

redux-formのvalidationを実装する

前回の記事に引き続きredux-formについてです。 今回はvalidationを実装していきます。

APIからデータを取得し、改行を加えてRedux、Reactで表示する

mobile backendのデータストアからデータを取得し、 それに改行を加えてReact,Reduxを使っ…