react-native-tech_stack
This project is based on the Udemy tutorial hosted by Stephen Grider, The Complete React Native and Redux Course. My focus in on the Android platform.
https://www.udemy.com/the-complete-react-native-and-redux-course/learn/v4/content
Course description and notes
The particular lesson covers REDUX. The general flow of Redux is a Store houses the REDUCER and STATE. ACTIONS interact specifically with the Reducer and it specifically interacts with the State. It only goes in one direction.
ACTION -> [ REDUCER -> STATE ] STORE
- Action - An object that tells the reducer how to change its data.
- Reducer - A function that returns some data.
- State - Data for our app to use.
- Store - An object that holds the application's data.
Helpful tool: https://stephengrider.github.io/JSPlaygrounds/
- Nothing happens with the ACTION until you DISPATCH it to the store. Dispatching will invoke the REDUCER.
- In the REDUCER we do not mutate our state, instead we return a completely new object.
Setup the project
react-native init tech_stack
npm install --save redux react-redux eslint-config-rallycoding
Configure .eslintrc
{
"extends": "rallycoding"
}
Run android emulator
cd /usr/local/share/android-sdk/tools/
emulator @Pixel_API_26
or
cd $(dirname $(which emulator)) && emulator @Pixel_API_26
Start React Native packager and compile android
react-native start --port=8082 (optional)
react-native run-android
Debugging app on emulator
Ctrl + M only works when the app is in view. Ctrl + M does something different when outside the app.