From 89bb3d4563a1c1a74ccbbe1dc85514411596dfcc Mon Sep 17 00:00:00 2001
From: Matthieu Napoli <m.napoli@thecodingmachine.com>
Date: Mon, 13 Aug 2018 17:04:02 +0200
Subject: [PATCH] Add selector example

---
 App/Containers/HomeScreen.js    |  3 +++
 App/Stores/Example/Selectors.js | 11 +++++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 App/Stores/Example/Selectors.js

diff --git a/App/Containers/HomeScreen.js b/App/Containers/HomeScreen.js
index 74131a4e4..737d6b7f3 100644
--- a/App/Containers/HomeScreen.js
+++ b/App/Containers/HomeScreen.js
@@ -3,6 +3,7 @@ import { Platform, StyleSheet, Text, View, Button } from 'react-native'
 import { connect } from 'react-redux'
 import { PropTypes } from 'prop-types'
 import ExampleActions from 'App/Stores/Example/Actions'
+import { isHot } from 'App/Stores/Example/Selectors'
 
 const instructions = Platform.select({
   ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
@@ -23,6 +24,7 @@ class HomeScreen extends React.Component {
         <Text style={styles.instructions}>
           The weather temperature is: {this.props.temperature}
         </Text>
+        <Text style={styles.instructions}>{this.props.isHot ? "It's pretty hot!" : ''}</Text>
         <Text style={styles.instructions}>{this.props.errorMessage}</Text>
         <Button onPress={this.props.fetchTemperature} title="Refresh" />
       </View>
@@ -55,6 +57,7 @@ HomeScreen.propsTypes = {
 const mapStateToProps = (state) => ({
   temperature: state.example.get('temperature'),
   errorMessage: state.example.get('errorMessage'),
+  isHot: isHot(state),
 })
 
 const mapDispatchToProps = (dispatch) => ({
diff --git a/App/Stores/Example/Selectors.js b/App/Stores/Example/Selectors.js
new file mode 100644
index 000000000..b877552f0
--- /dev/null
+++ b/App/Stores/Example/Selectors.js
@@ -0,0 +1,11 @@
+/**
+ * Selectors let us factorize logic that queries the state.
+ *
+ * Selectors can be used in sagas or components to avoid duplicating that logic.
+ *
+ * Writing selectors is optional as it is not always necessary, we provide a simple example below.
+ */
+
+export const isHot = (state) => {
+  return state.example.get('temperature') && state.example.get('temperature') > 25
+}