https://github.com/aaronksaunders/hello-world-v3-stacknavigator-redux
https://github.com/aaronksaunders/hello-world-v3-stacknavigator-redux
flatlist react-native react-navigation react-redux react-redux-demo reactjs
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/aaronksaunders/hello-world-v3-stacknavigator-redux
- Owner: aaronksaunders
- Created: 2018-10-17T00:01:00.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-10-18T15:13:47.000Z (almost 8 years ago)
- Last Synced: 2025-01-21T20:11:30.060Z (over 1 year ago)
- Topics: flatlist, react-native, react-navigation, react-redux, react-redux-demo, reactjs
- Language: JavaScript
- Size: 1.95 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native App w/StackNavigator & React Redux
>Focus is on [react-navigation StackNavigator](https://reactnavigation.org/docs/en/hello-react-navigation.html#creating-a-stack-navigator) handling click event to move to the next page when the user selects a item from a
FlatList Component. We show the [FlatList Component](https://facebook.github.io/react-native/docs/flatlist), the use of the StackNavigator but instead of passing parameters between pages,
we use the [React Redux](https://github.com/reduxjs/react-redux) to update the state to show the current item on the detail page
---
>See the same application implemented with React Context API - [hello-world-v3-stacknavigator-context-api](https://github.com/aaronksaunders/hello-world-v3-stacknavigator-context-api)
---
### See Video for the first building out sample without Context API - React Native - React Navigation StackNavigator Expo.io Snack - PART 2 https://youtu.be/qe-yU7E9Snc via @YouTube
### More Information on React
- [React Native FlatList](https://facebook.github.io/react-native/docs/flatlist)
- [React Redux](https://github.com/reduxjs/react-redux)
- [React Navigation](https://reactnavigation.org/)