Contenido:
- Intro
- Versiones
- Librerias y Frameworks
- Correr Proyecto
- Levantar un emulador
- Subir a play store
- Material ui
- Desarrollo
- Tips
Proyecto realizado para aprender los fundamentos de React Native, el mismo consume un backend que desarrolle en Java 13. Tener en cuenta que al momento de querer ejecutar el proyecto en su equipo va a tener que tener levantado previamente el correspondiente Backend ya que es una api que expone los endpoints que consume este proyecto de React
Las versiones que se muestras en el cuadro son las que use para crear y correr el proyecto. Para poder correr el programa de forma local son todos necesarios.
| Watchman | Node | NPM | Yarn | ADB | Java |
|---|---|---|---|---|---|
| 4.9.0 | 12.16.3 | 6.14.5 | 1.22.4 | 29.0.6 | 11 |
Tener en cuenta que para el desarrollo del proyecto se instalaron las siguientes librerias y frameworks
npx react-native init nombreApp
adentro del proyecto correr
npm i redux
npm i react-redux
npm i redux-devtools
npm i redux-thunk
npm i axios
npm install react-router-dom
npm install react-hook-form
npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npm i --save react-native-elements
npm i --save react-native-vector-icons
npm install @react-navigation/stack
npm install @react-navigation/drawer
npx react-native link
Se debe correr en la raiz del proyecto lo siguiete
-yarn start
En una nueva consola
-yarn android
sudo chmod 666 /dev/kvm
abrir android studio
poner emulador
https://reactnative.dev/docs/signed-apk-android
https://developer.android.com/studio/publish/app-signing#app-signing-google-play
https://github.com/xotahal/react-native-material-ui
https://github.com/xotahal/react-native-material-ui/blob/master/docs/GettingStarted.md
https://github.com/oblador/react-native-vector-icons#installation
Proyecto desarrollado en React Native
Utilizacion de: Components, Hooks, router, userState, useEffect, useSelector, store, Ducks, redux, Navigation
Puertos usados: 8081 (Proyecto)
-si al querer pegarle a los endpoints del proyecto challenge levantado de forma local no funciona correr en la consola en la raiz del proyecto
adb reverse tcp:8080 tcp:8080
(seria el puerto en el que tengo levantado el proyecto backend)
-Se recomienda para poder visualizar en el browser(chrome) todo lo relacionado con Components y Redux las siguientes 2 extensiones: React Developer Tools y Redux DevTools
-Si al levantar el proyecto te dice que no puede leer alguna propery de undefined cerrar todas las consolas y volver a ejecutar los comandos de Correr Proyecto
-Cuando te falla al querer subir la app por algo de metro correr en la raiz del proyecto watchman watch-del-all && rm -rf node_modules && rm -rf $TMPDIR/metro-* && rm -rf $TMPDIR/haste-map-* && yarn