【React】React＋Reduxのミニマムサンプル
はじめに
React＋Reduxを久しぶりに触ったら色々と忘れていたので、取っ掛かりのミニマムサンプルを残しておきます。
モジュールのインストール$ npx create-react-app redux-sample$ yarn ...React Contextのミニマムサンプル
はじめに
ReactのContextが便利なので、コピペ用にミニマムなサンプルを残しておきます。
サンプルReact.createContextimport React from 'react'const MyCo ...Reduxでフィールド入力値に対する処理の共通化
はじめに
Reduxでフィールドに入力した値などをstoreに保存する処理をなるべく共通化したいと思ったので、その際の方法をメモします。
※redux-thunkを使っています。
React Routerでパラメータを渡す方法
はじめに
React Routerでパラメータを渡す方法をメモします。
以下の2パターンの方法を試しました。
①
②
react-router-navigation-promptを使ってみた
はじめに
react routerで画面遷移する際に、ある条件の場合に「画面遷移していいですか？」みたいな確認メッセージを出力する必要がある場合、react router標準で用意されているPromptを使う事でメッセージを出力する事が ...
React Nativeでgradlew使って依存関係を調べてみた
はじめに
React Naitive Firebaseでdependenciesの設定を変更した際に、
The library … is being requested by various other libraries at ...React Native Firebaseを試してみる4（Notifications＆Cloud Messaging編）
はじめに
インストールは公式ドキュメントを見ればすぐできるので省略
NotificationsとCloud Messagingの違い今回はNotificationsについての記事ですが、似たような機能にCloud Messa ...
React Native Firebaseを試してみる3（Cloud Firestore編）
前提
・React Native Firebaseがインストール済である事
インストール公式ドキュメントを見ればすぐできるので省略
試してみるデータの追加let ref = firebase.firestore().c ...React Native Firebaseを試してみる2（Admob編）
前提
・React Native Firebaseがインストール済である事
インストール公式ドキュメントを見ればすぐできるので省略
試してみるBannerの設置//ca-app-pub-3940256099942544 ...React Native Firebaseを試してみる1（インストール編）
前提
・react-native initでReact Nativeのプロジェクトを作成している事。
・Andoridのみを対象。