Para esto, volveré a crear un nuevo proyecto con expo, expo init y luego el nombre que elijas
y lo nombraré rn-complete-guide porque al final, esta es una guía React Native completa que tú '
Llegué aquí y comenzaré con la plantilla en blanco aquí, así que
esa es la primera opción en mi caso aquí. Con respecto al nombre, nombraré esta guía rn, pero puede
elegir el nombre que desee aquí, simplemente presione enter y yo iré con npm, no con hilo y ahora, como en la primera sección del
curso, esto creará un nuevo proyectar y configurar una aplicación React Native allí.
Así que esperemos a que esto termine y con esto
terminado, podría seguir estas instrucciones, pero no haré esto aquí, en cambio aquí estoy de vuelta en Visual Studio Code, todavía
con mi primera aplicación de la primera sección abierta y abra el nuevo ahora, el
que acabamos de crear y aquí está el proyecto abierto en Visual Studio Code.
Revisé todos los archivos y carpetas principales que tenemos aquí en el primer módulo del curso,
así que no
repetiré esto aquí y con eso abierto aquí en Visual Studio Code, ahora iré al menú y luego elegiré terminal
, nueva terminal para abrir mi terminal de sistema o símbolo del sistema según el sistema operativo en el que esté trabajando
aquí en el IDE, por lo que ese es su
símbolo de comando normal, su terminal normal se acaba de integrar en el IDE y ya navegó en esa carpeta de
proyecto , así que no necesita usar cd para navegar a ningún otro lugar y
ahora aquí ejecutaré npm start y esto hará lo mismo que si lo hubiera
ejecutado aquí, la diferencia es que ahora siempre veo errores o cualquier mensaje de registro directamente aquí en el IDE con el que
es más conveniente trabajar.
Todavía tenemos ese proceso que debes seguir ejecutando para obtener estas actualizaciones en vivo cuando guardes algo.
Puede ver los comandos que puede escribir aquí o los accesos directos que puede presionar para iniciar
su aplicación en emuladores y también tiene esa pestaña del navegador en funcionamiento aquí para su aplicación, las herramientas de desarrollo de exposiciones.
Ahora tengo dos emuladores en funcionamiento aquí, Android e iOS, no lo necesitas, por supuesto,
pero quiero mostrarte cómo funciona
esta aplicación en ambos y puedo ejecutar esta aplicación en Android presionando un aquí en la terminal y También puedo ejecutarlo
en iOS presionando I e hice ambas aquí.
Alternativamente, podríamos haber usado estos botones aquí en las herramientas de desarrollo de exposiciones en el navegador.
Así que ahora está lanzando la aplicación aquí en estos dispositivos, en el simulador de Android e iOS y
volveré una vez que termine porque el primer lanzamiento siempre
lleva un poco más de tiempo, las reconstrucciones posteriores, las recargas son mucho más rápidas, por supuesto, y aquí, conseguimos que la aplicación inicial
se ejecute en estos emuladores.
Ahora, en caso de que se vea un poco diferente para usted, adjunto encontrará mi proyecto inicial exactamente de la
misma manera que lo tengo aquí para que también pueda
usarlo, reemplace los archivos en su proyecto
con el mío y luego, si ejecuta npm start, Mira esto aquí.
Así que este es el proyecto inicial sobre el que ahora desarrollaremos y ahora trabajaremos.