1 00:00:02,270 --> 00:00:07,850 Para esto, volveré a crear un nuevo proyecto con expo, expo init y luego el nombre que elijas 2 00:00:07,880 --> 00:00:13,040 y lo nombraré rn-complete-guide porque al final, esta es una guía React Native completa que tú ' 3 00:00:13,040 --> 00:00:16,790 Llegué aquí y comenzaré con la plantilla en blanco aquí, así que 4 00:00:16,810 --> 00:00:22,700 esa es la primera opción en mi caso aquí. Con respecto al nombre, nombraré esta guía rn, pero puede 5 00:00:22,700 --> 00:00:29,570 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 6 00:00:29,570 --> 00:00:33,390 curso, esto creará un nuevo proyectar y configurar una aplicación React Native allí. 7 00:00:33,410 --> 00:00:37,120 Así que esperemos a que esto termine y con esto 8 00:00:37,120 --> 00:00:44,040 terminado, podría seguir estas instrucciones, pero no haré esto aquí, en cambio aquí estoy de vuelta en Visual Studio Code, todavía 9 00:00:44,100 --> 00:00:49,020 con mi primera aplicación de la primera sección abierta y abra el nuevo ahora, el 10 00:00:49,030 --> 00:00:53,750 que acabamos de crear y aquí está el proyecto abierto en Visual Studio Code. 11 00:00:53,760 --> 00:00:58,660 Revisé todos los archivos y carpetas principales que tenemos aquí en el primer módulo del curso, 12 00:00:58,660 --> 00:00:59,770 así que no 13 00:00:59,970 --> 00:01:05,820 repetiré esto aquí y con eso abierto aquí en Visual Studio Code, ahora iré al menú y luego elegiré terminal 14 00:01:05,820 --> 00:01:12,420 , nueva terminal para abrir mi terminal de sistema o símbolo del sistema según el sistema operativo en el que esté trabajando 15 00:01:12,420 --> 00:01:15,270 aquí en el IDE, por lo que ese es su 16 00:01:15,300 --> 00:01:21,660 símbolo de comando normal, su terminal normal se acaba de integrar en el IDE y ya navegó en esa carpeta de 17 00:01:21,660 --> 00:01:26,220 proyecto , así que no necesita usar cd para navegar a ningún otro lugar y 18 00:01:26,290 --> 00:01:30,520 ahora aquí ejecutaré npm start y esto hará lo mismo que si lo hubiera 19 00:01:30,590 --> 00:01:37,230 ejecutado aquí, la diferencia es que ahora siempre veo errores o cualquier mensaje de registro directamente aquí en el IDE con el que 20 00:01:37,230 --> 00:01:38,630 es más conveniente trabajar. 21 00:01:38,700 --> 00:01:44,360 Todavía tenemos ese proceso que debes seguir ejecutando para obtener estas actualizaciones en vivo cuando guardes algo. 22 00:01:44,370 --> 00:01:50,130 Puede ver los comandos que puede escribir aquí o los accesos directos que puede presionar para iniciar 23 00:01:51,260 --> 00:01:59,030 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. 24 00:01:59,030 --> 00:02:05,060 Ahora tengo dos emuladores en funcionamiento aquí, Android e iOS, no lo necesitas, por supuesto, 25 00:02:05,060 --> 00:02:07,380 pero quiero mostrarte cómo funciona 26 00:02:07,440 --> 00:02:15,240 esta aplicación en ambos y puedo ejecutar esta aplicación en Android presionando un aquí en la terminal y También puedo ejecutarlo 27 00:02:15,240 --> 00:02:18,180 en iOS presionando I e hice ambas aquí. 28 00:02:18,180 --> 00:02:23,450 Alternativamente, podríamos haber usado estos botones aquí en las herramientas de desarrollo de exposiciones en el navegador. 29 00:02:23,610 --> 00:02:29,430 Así que ahora está lanzando la aplicación aquí en estos dispositivos, en el simulador de Android e iOS y 30 00:02:29,430 --> 00:02:32,420 volveré una vez que termine porque el primer lanzamiento siempre 31 00:02:32,460 --> 00:02:39,830 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 32 00:02:39,830 --> 00:02:41,560 se ejecute en estos emuladores. 33 00:02:41,700 --> 00:02:47,960 Ahora, en caso de que se vea un poco diferente para usted, adjunto encontrará mi proyecto inicial exactamente de la 34 00:02:47,960 --> 00:02:51,170 misma manera que lo tengo aquí para que también pueda 35 00:02:51,170 --> 00:02:53,820 usarlo, reemplace los archivos en su proyecto 36 00:02:53,990 --> 00:02:57,920 con el mío y luego, si ejecuta npm start, Mira esto aquí. 37 00:02:57,920 --> 00:03:02,030 Así que este es el proyecto inicial sobre el que ahora desarrollaremos y ahora trabajaremos.