Sample React Native App to test some proof of concepts.
- Try components and APIs in Web and Mobile
- To deploy to android:
- ADB connect to device
- Run
npm run start
- Run
npm run run-android
- Couldn't make it work via Wifi yet: Unable to connect to server
- Seems the dev menu can be opened with the
adb shell
command
- Seems the dev menu can be opened with the
- Different ADB versions: https://stackoverflow.com/questions/38512025/react-native-run-android-mismatch-version-adb-server-version
- In android
- to open the development menu:
adb shell input keyevent 82
- to reload app:
adb shell input text "RR"
- remember to run:
adb reverse tcp:8081 tcp:8081
- to open the development menu:
- Remember to connect device to Wifi
- Getting Started: https://facebook.github.io/react-native/docs/getting-started
- Storybook: https://storybook.js.org/docs/guides/guide-react-native/
- React Native for Web: https://github.com/necolas/react-native-web/blob/master/docs/guides/getting-started.md
- Running on Device: https://facebook.github.io/react-native/docs/running-on-device
- Setup adb over wifi: https://futurestud.io/tutorials/how-to-debug-your-android-app-over-wifi-without-root
- Native code: https://facebook.github.io/react-native/docs/native-modules-android
- Tips and Tricks (IBM): https://developer.ibm.com/recipes/tutorials/react-native-tips-and-tricks/
- Components And APIs: https://facebook.github.io/react-native/docs/components-and-apis.html
- ADB cheatsheet: https://devhints.io/adb
- Android CLI tools: https://developer.android.com/studio/command-line
- React Native GH Topics: https://github.com/topics/reactnative
- Jetpack: https://developer.android.com/jetpack
- VSCode for Java: https://code.visualstudio.com/docs/languages/java
- Install "Java Extension Pack"
- Is not supported: redhat-developer/vscode-java#10
- Use Android Studio
- Android Studio:
- Update gradle in project:
./gradlew wrapper --gradle-version 5.5.1 --distribution-type all
- https://stackoverflow.com/questions/55826287/android-studio-this-file-not-part-of-the-project-but-the-project-builds-succes
- Restart and wait for the processes to finish
- Should have IntelliSense
- Show info of symbols: https://stackoverflow.com/questions/16619667/how-can-i-view-method-information-in-android-studio
- Shortcuts: https://developer.android.com/studio/intro/keyboard-shortcuts.html
- Update gradle in project:
- Awesome: https://github.com/jondot/awesome-react-native