incorporando redux-persist.

Author: Minacava

App.js

@@ -1,13 +1,17 @@
 import React, { Component } from "react";
-
+import {
+  Text
+} from 'react-native'
 import Home from "./src/screens/containers/home";
 import Header from "./src/sections/components/header";
 import SuggestionList from "./src/videos/containers/suggestion-list";
 import API from "./utils/api";
 import CategoryList from "./src/videos/containers/category-list.js";
 import Player from "./src/player/containers/player";
 import { Provider } from 'react-redux';
-import store from './store';
+import { PersistGate } from 'redux-persist/integration/react';
+import { store, persistor } from './store';
+
 
 export default class App extends Component {
   // state = {
@@ -17,6 +21,7 @@ export default class App extends Component {
   // };
   async componentDidMount() {
     const categoryList = await API.getMovies();
+    console.log(categoryList)
     store.dispatch({
       type: 'SET_CATEGORY_LIST',
       payload: {
@@ -37,13 +42,18 @@ export default class App extends Component {
       <Provider
         store={store}
       >
-        <Home>
-          <Header />
-          <Player />
-          <CategoryList />
-          <SuggestionList />
-        </Home>
-      </Provider>
+        <PersistGate
+          loading={<Text> cargando...</Text>}
+          persistor={persistor}
+        >
+          <Home>
+            <Header />
+            <Player />
+            <CategoryList />
+            <SuggestionList />
+          </Home>
+        </PersistGate>
+      </Provider >
     );
   }
 }

ios/build/LineApp/Build/Intermediates.noindex/LineApp.build/Debug-iphonesimulator/LineApp.build/dgph

@@ -139,15 +139,15 @@
 		</data>
 		<key>PlugIns/LineAppTests.xctest.dSYM/Contents/Resources/DWARF/LineAppTests</key>
 		<data>
-		I20BTz+2wqpdznpw8diHDWUZ6Tc=
+		NayF0wJlz138LxCWbJG+mXvyDoE=
 		</data>
 		<key>PlugIns/LineAppTests.xctest/Info.plist</key>
 		<data>
 		2v+h2n4VArVbQPK/TB7WZUt3/qU=
 		</data>
 		<key>PlugIns/LineAppTests.xctest/LineAppTests</key>
 		<data>
-		C3vrLRK3QYyNtEcDHMAGrZ9ZP40=
+		O6eHdrdsbKP79MAd51BPpdgnvHA=
 		</data>
 		<key>PlugIns/LineAppTests.xctest/_CodeSignature/CodeResources</key>
 		<data>
@@ -500,11 +500,11 @@
 		<dict>
 			<key>hash</key>
 			<data>
-			I20BTz+2wqpdznpw8diHDWUZ6Tc=
+			NayF0wJlz138LxCWbJG+mXvyDoE=
 			</data>
 			<key>hash2</key>
 			<data>
-			d9H8vUv1upz+KHd/CIUggSPU+R6EQnYhQs/m37OH5bM=
+			Vtapt0xn6TEflVTg9ikcnDNQRIhZ942B2ADbCt0+AmQ=
 			</data>
 		</dict>
 		<key>PlugIns/LineAppTests.xctest/Info.plist</key>
@@ -522,11 +522,11 @@
 		<dict>
 			<key>hash</key>
 			<data>
-			C3vrLRK3QYyNtEcDHMAGrZ9ZP40=
+			O6eHdrdsbKP79MAd51BPpdgnvHA=
 			</data>
 			<key>hash2</key>
 			<data>
-			a7wgcPqx2QzwKn1jACOHK0UkSIrhD50LD9lvpvPw4o0=
+			g5O6MpDHVmTFnGem310orXXbEYyQ/YhKQwi6V+B5vHA=
 			</data>
 		</dict>
 		<key>PlugIns/LineAppTests.xctest/_CodeSignature/CodeResources</key>

ios/build/LineApp/Build/Intermediates.noindex/LineApp.build/Debug-iphonesimulator/LineAppTests.build/dgph

@@ -6,7 +6,7 @@
 	<integer>10</integer>
 	<key>logs</key>
 	<dict>
-		<key>55166A7B-0B0B-4801-9570-630E6F058316</key>
+		<key>86AFF40C-C647-4348-8039-F10490B08607</key>
 		<dict>
 			<key>className</key>
 			<string>IDECommandLineBuildLog</string>
@@ -15,7 +15,7 @@
 			<key>domainType</key>
 			<string>Xcode.IDEActivityLogDomainType.BuildLog</string>
 			<key>fileName</key>
-			<string>55166A7B-0B0B-4801-9570-630E6F058316.xcactivitylog</string>
+			<string>86AFF40C-C647-4348-8039-F10490B08607.xcactivitylog</string>
 			<key>primaryObservable</key>
 			<dict>
 				<key>highLevelStatus</key>
@@ -30,15 +30,15 @@
 			<key>signature</key>
 			<string>Building project LineApp with scheme LineApp and configuration Debug</string>
 			<key>timeStartedRecording</key>
-			<real>588367554.76614296</real>
+			<real>588468388.36826301</real>
 			<key>timeStoppedRecording</key>
-			<real>588367556.67118597</real>
+			<real>588468389.74422204</real>
 			<key>title</key>
 			<string>Building project LineApp with scheme LineApp and configuration Debug</string>
 			<key>uniqueIdentifier</key>
-			<string>55166A7B-0B0B-4801-9570-630E6F058316</string>
+			<string>86AFF40C-C647-4348-8039-F10490B08607</string>
 		</dict>
-		<key>85DD6D00-A377-459C-BCB6-6AF95DAB0049</key>
+		<key>B80A73AB-D564-4D3D-B531-3A6E7C2D6A93</key>
 		<dict>
 			<key>className</key>
 			<string>IDECommandLineBuildLog</string>
@@ -47,11 +47,11 @@
 			<key>domainType</key>
 			<string>Xcode.IDEActivityLogDomainType.BuildLog</string>
 			<key>fileName</key>
-			<string>85DD6D00-A377-459C-BCB6-6AF95DAB0049.xcactivitylog</string>
+			<string>B80A73AB-D564-4D3D-B531-3A6E7C2D6A93.xcactivitylog</string>
 			<key>primaryObservable</key>
 			<dict>
 				<key>highLevelStatus</key>
-				<string>S</string>
+				<string>W</string>
 			</dict>
 			<key>schemeIdentifier-containerName</key>
 			<string>LineApp project</string>
@@ -62,13 +62,13 @@
 			<key>signature</key>
 			<string>Building project LineApp with scheme LineApp and configuration Debug</string>
 			<key>timeStartedRecording</key>
-			<real>588449438.98904097</real>
+			<real>588538304.03493905</real>
 			<key>timeStoppedRecording</key>
-			<real>588449440.71168005</real>
+			<real>588538309.48859704</real>
 			<key>title</key>
 			<string>Building project LineApp with scheme LineApp and configuration Debug</string>
 			<key>uniqueIdentifier</key>
-			<string>85DD6D00-A377-459C-BCB6-6AF95DAB0049</string>
+			<string>B80A73AB-D564-4D3D-B531-3A6E7C2D6A93</string>
 		</dict>
 	</dict>
 </dict>

ios/build/LineApp/Build/Intermediates.noindex/RCTActionSheet.build/Debug-iphonesimulator/RCTActionSheet.build/dgph

@@ -3,7 +3,7 @@
 <plist version="1.0">
 <dict>
 	<key>LastAccessedDate</key>
-	<date>2019-08-25T18:10:39Z</date>
+	<date>2019-08-26T18:51:44Z</date>
 	<key>WorkspacePath</key>
 	<string>/Users/minamac/Desktop/Proyectos/lineVideo/ios/LineApp.xcodeproj</string>
 </dict>

ios/build/LineApp/Build/Intermediates.noindex/RCTAnimation.build/Debug-iphonesimulator/RCTAnimation.build/dgph

@@ -12,7 +12,8 @@
     "react-native-vector-icons": "^6.6.0",
     "react-native-video": "^4.4.2",
     "react-redux": "^7.1.0",
-    "redux": "^4.0.4"
+    "redux": "^4.0.4",
+    "redux-persist": "^5.10.0"
   },
   "devDependencies": {
     "@babel/core": "^7.4.5",

ios/build/LineApp/Build/Intermediates.noindex/RCTBlob.build/Debug-iphonesimulator/RCTBlob.build/dgph

@@ -7,8 +7,6 @@ import {
     Text,
 } from 'react-native';
 
-
-
 function Header(props) {
     return (
         <View>
@@ -33,8 +31,8 @@ const styles = StyleSheet.create({
         flexDirection: 'row',
     },
     logo: {
-        width: 70,
-        height: 96,
+        width: 50,
+        height: 76,
         resizeMode: 'contain',
     },
     right: {

ios/build/LineApp/Build/Intermediates.noindex/RCTGeolocation.build/Debug-iphonesimulator/RCTGeolocation.build/dgph

@@ -6,6 +6,7 @@ import {
     TouchableOpacity
 } from 'react-native';
 
+
 function Category(props) {
     return (
         <TouchableOpacity
@@ -41,9 +42,6 @@ const styles = StyleSheet.create({
                 textShadowRadius: 1,
             },
         }),
-
-
     }
-
 })
 export default Category;

ios/build/LineApp/Build/Intermediates.noindex/RCTImage.build/Debug-iphonesimulator/RCTImage.build/dgph

@@ -1,9 +1,20 @@
 import { createStore } from 'redux';
+import { persistStore, persistReducer } from 'redux-persist';
 import reducer from './reducers/videos';
+import storage from 'redux-persist/lib/storage';
 
-const store = createStore(reducer, {
-    suggestionList: [],
-    categoryList: [],
-})
+// const store = createStore(reducer, {
+//     suggestionList: [],
+//     categoryList: [],
+// })
 
-export default store; 
+const persistConfig = {
+    key: 'root',
+    storage,
+}
+const persistedReducer = persistReducer(persistConfig, reducer)
+
+const store = createStore(persistedReducer)
+const persistor = persistStore(store)
+
+export { store, persistor }; 

ios/build/LineApp/Build/Intermediates.noindex/RCTLinking.build/Debug-iphonesimulator/RCTLinking.build/dgph

@@ -5,12 +5,12 @@ class Api {
     async getSuggestions(id) {
         const query = await fetch(`${BASE_API}movie_suggestions.json?movie_id=${id}`)
         const { data } = await query.json();
-        return data.movies;
+        return data.movies.filter(i => i.genres)
     }
     async getMovies() {
         const query = await fetch(`${BASE_API}list_movies.json`)
         const { data } = await query.json();
-        return data.movies;
+        return data.movies.filter(i => i.genres)
     }
 }