1
00:00:01,080 --> 00:00:02,700
bienvenido de nuevo.

2
00:00:02,700 --> 00:00:06,930
Ahora que sabemos que queremos usar Create-React-App

3
00:00:06,930 --> 00:00:08,910
para proyectos de cursos pequeños,

4
00:00:08,910 --> 00:00:12,480
De hecho, configuremos nuestro primer proyecto ahora.

5
00:00:12,480 --> 00:00:15,183
con la herramienta Create-React-App.

6
00:00:16,590 --> 00:00:21,000
Ahora, Create-React-App es una herramienta de interfaz de línea de comandos.

7
00:00:21,000 --> 00:00:23,370
Y ahora necesitamos una terminal.

8
00:00:23,370 --> 00:00:27,030
o un símbolo del sistema como se llama en Windows.

9
00:00:27,030 --> 00:00:28,530
Entonces, si estás en Windows,

10
00:00:28,530 --> 00:00:31,200
adelante y abre tu símbolo del sistema,

11
00:00:31,200 --> 00:00:35,313
y si estás en una Mac, abre tu terminal.

12
00:00:37,140 --> 00:00:40,830
Bien, hagamos esto un poco más grande.

13
00:00:40,830 --> 00:00:42,360
Y no hay muchas cosas

14
00:00:42,360 --> 00:00:44,760
que necesitas saber sobre la terminal.

15
00:00:44,760 --> 00:00:48,300
Entonces todo lo que necesitas saber es que en la terminal,

16
00:00:48,300 --> 00:00:50,130
o también en el símbolo del sistema,

17
00:00:50,130 --> 00:00:53,010
que voy a usar indistintamente,

18
00:00:53,010 --> 00:00:54,510
siempre estás en una carpeta.

19
00:00:54,510 --> 00:00:57,090
Y esa carpeta normalmente se muestra aquí.

20
00:00:57,090 --> 00:00:59,130
en el símbolo del sistema.

21
00:00:59,130 --> 00:01:02,100
Ahora, este símbolo del sistema aquí, entonces esta cosa,

22
00:01:02,100 --> 00:01:04,050
probablemente se vea muy diferente para ti

23
00:01:04,050 --> 00:01:05,850
de lo que me parece, pero eso es sólo

24
00:01:05,850 --> 00:01:09,750
porque tengo este tipo de extensión aquí instalada.

25
00:01:09,750 --> 00:01:12,000
Entonces para ti probablemente sea todo negro.

26
00:01:12,000 --> 00:01:14,610
Y lo más probable es que veas la carpeta.

27
00:01:14,610 --> 00:01:16,170
que estás actualmente aquí.

28
00:01:16,170 --> 00:01:18,030
Entonces estoy actualmente en esta carpeta,

29
00:01:18,030 --> 00:01:20,310
que es básicamente sólo la carpeta de inicio.

30
00:01:20,310 --> 00:01:22,950
Y puedes ver el contenido de la carpeta.

31
00:01:22,950 --> 00:01:25,833
escribiendo ls en Mac.

32
00:01:26,670 --> 00:01:29,460
Y en Windows, lo mismo ocurre con dir,

33
00:01:29,460 --> 00:01:31,380
que significa directorio.

34
00:01:31,380 --> 00:01:33,570
Así que de nuevo, con esto puedes ver el contenido.

35
00:01:33,570 --> 00:01:35,640
del directorio actual.

36
00:01:35,640 --> 00:01:37,350
Entonces lo que quiero hacer ahora es

37
00:01:37,350 --> 00:01:39,510
para navegar a otro directorio,

38
00:01:39,510 --> 00:01:41,580
que es donde finalmente quiero

39
00:01:41,580 --> 00:01:44,880
para ejecutar la herramienta Create-React-App.

40
00:01:44,880 --> 00:01:47,460
Entonces, para mí, ese es nuevamente el Escritorio.

41
00:01:47,460 --> 00:01:49,890
Y entonces puedo escribir CD.

42
00:01:49,890 --> 00:01:53,310
y luego el nombre de la carpeta y presione Enter.

43
00:01:53,310 --> 00:01:56,850
Y este comando es exactamente el mismo en Windows.

44
00:01:56,850 --> 00:01:58,380
Entonces eso también es cd.

45
00:01:58,380 --> 00:02:00,600
Y entonces asegúrese de navegar a la carpeta

46
00:02:00,600 --> 00:02:03,510
en el que desea crear el nuevo proyecto.

47
00:02:03,510 --> 00:02:05,460
Nuevamente, para mí, eso está en el escritorio.

48
00:02:05,460 --> 00:02:07,140
Y sólo para asegurarme, sí,

49
00:02:07,140 --> 00:02:10,140
estas son las dos carpetas que están en mi escritorio,

50
00:02:10,140 --> 00:02:12,693
¿Cuáles son exactamente estos dos, verdad?

51
00:02:13,680 --> 00:02:16,200
Ahora, más adelante, usaremos la terminal.

52
00:02:16,200 --> 00:02:18,690
que está integrado en VS Code,

53
00:02:18,690 --> 00:02:21,570
por ejemplo, para iniciar y detener la aplicación.

54
00:02:21,570 --> 00:02:23,190
Pero para crear una aplicación,

55
00:02:23,190 --> 00:02:26,100
Siempre seguiremos usando esta terminal aquí.

56
00:02:26,100 --> 00:02:28,470
porque la terminal que está en VS Code

57
00:02:28,470 --> 00:02:31,530
Por lo general, está vinculado a la carpeta del proyecto.

58
00:02:31,530 --> 00:02:34,170
Pero aquí todavía no tenemos una carpeta de proyecto.

59
00:02:34,170 --> 00:02:38,400
En su lugar, ahora lo crearemos usando Create-React-App.

60
00:02:38,400 --> 00:02:39,540
Una vez que estés en la carpeta

61
00:02:39,540 --> 00:02:41,880
donde desea crear el nuevo proyecto,

62
00:02:41,880 --> 00:02:46,880
escriba npx y luego cree-react-app

63
00:02:48,270 --> 00:02:51,363
y luego el nombre de la aplicación que desea crear.

64
00:02:52,200 --> 00:02:53,040
Ahora bien, en nuestro caso,

65
00:02:53,040 --> 00:02:56,880
Ese será el menú de pizza.

66
00:02:56,880 --> 00:02:59,670
porque este es nuestro primer proyecto

67
00:02:59,670 --> 00:03:01,440
que vamos a construir en este curso

68
00:03:01,440 --> 00:03:03,300
en la siguiente sección.

69
00:03:03,300 --> 00:03:07,170
Sin embargo, todavía no estamos listos para ejecutar esto.

70
00:03:07,170 --> 00:03:10,440
porque quiero que uses la versión cinco

71
00:03:10,440 --> 00:03:12,300
de Crear-Reaccionar-Aplicación.

72
00:03:12,300 --> 00:03:16,260
Así que por favor escribe esta @ y luego 5

73
00:03:16,260 --> 00:03:19,650
para bloquear la versión cinco de Create-React-App.

74
00:03:19,650 --> 00:03:20,490
Y eso es importante

75
00:03:20,490 --> 00:03:24,300
porque esta herramienta probablemente cambiará en el futuro,

76
00:03:24,300 --> 00:03:27,150
y luego podría funcionar de una manera ligeramente diferente

77
00:03:27,150 --> 00:03:29,130
que el que les muestro aquí.

78
00:03:29,130 --> 00:03:31,440
Pero para no tener ningún problema,

79
00:03:31,440 --> 00:03:34,140
arreglemos esto en la versión cinco

80
00:03:34,140 --> 00:03:35,730
para el resto del curso.

81
00:03:35,730 --> 00:03:38,250
Y luego, si quieres construir tus propios proyectos.

82
00:03:38,250 --> 00:03:40,260
fuera del curso, tú, por supuesto,

83
00:03:40,260 --> 00:03:41,940
Ya no necesito esto.

84
00:03:41,940 --> 00:03:44,580
Luego simplemente ejecutará Create-React-App así

85
00:03:44,580 --> 00:03:45,930
sin el número de versión.

86
00:03:45,930 --> 00:03:47,850
Pero aquí, hagámoslo así.

87
00:03:47,850 --> 00:03:51,420
Entonces, una vez que lo haya escrito así, simplemente presione Enter,

88
00:03:51,420 --> 00:03:55,830
y esto tardará mucho en descargarse.

89
00:03:55,830 --> 00:03:57,420
Bueno, en realidad, primero,

90
00:03:57,420 --> 00:03:59,580
me pregunta si quiero continuar.

91
00:03:59,580 --> 00:04:04,230
Así que simplemente escriba y y luego Ingrese o regrese.

92
00:04:04,230 --> 00:04:07,140
Y sí, ahora está empezando a descargarse como,

93
00:04:07,140 --> 00:04:10,200
miles de paquetes,

94
00:04:10,200 --> 00:04:12,000
lo cual llevará mucho tiempo.

95
00:04:12,000 --> 00:04:14,880
Pero ves que ya creó la carpeta.

96
00:04:14,880 --> 00:04:17,400
con el nombre de la aplicación que especificamos aquí,

97
00:04:17,400 --> 00:04:18,930
menú de pizza.

98
00:04:18,930 --> 00:04:20,790
Así que continúa y pausa el vídeo ahora mismo.

99
00:04:20,790 --> 00:04:23,760
y volveré aquí una vez que descargue todo

100
00:04:23,760 --> 00:04:25,833
de estos paquetes ha terminado.

101
00:04:27,360 --> 00:04:30,330
bueno. Y ya está, instalando todos los paquetes.

102
00:04:30,330 --> 00:04:33,840
Y ahora podemos cerrar esta terminal.

103
00:04:33,840 --> 00:04:36,240
o el símbolo del sistema.

104
00:04:36,240 --> 00:04:39,420
Ahora, antes de abrir esta carpeta aquí,

105
00:04:39,420 --> 00:04:41,250
Cambiaré rápidamente el nombre de esta carpeta

106
00:04:41,250 --> 00:04:43,890
para que permanezcan en el orden que quiero que estén.

107
00:04:43,890 --> 00:04:45,633
Pero esto es totalmente opcional.

108
00:04:46,500 --> 00:04:49,770
Entonces el número dos será para la siguiente sección.

109
00:04:49,770 --> 00:04:51,960
Por eso este es el número tres.

110
00:04:51,960 --> 00:04:52,793
bueno.

111
00:04:52,793 --> 00:04:55,200
Y ahora estamos listos para abrir este proyecto.

112
00:04:55,200 --> 00:04:57,540
como carpeta de proyecto en VS Code.

113
00:04:57,540 --> 00:04:58,373
Y así una vez más,

114
00:04:58,373 --> 00:05:03,373
Lo arrastraré y lo soltaré en el ícono de VS Code aquí abajo,

115
00:05:03,540 --> 00:05:08,540
u opcionalmente, también puedes abrir una nueva ventana de VS Code

116
00:05:08,670 --> 00:05:12,570
y luego abra la carpeta del proyecto aquí mismo.

117
00:05:12,570 --> 00:05:15,990
Pero de todos modos, exploremos ahora la estructura del archivo.

118
00:05:15,990 --> 00:05:20,100
que ha sido creado para nosotros por Create-React-App.

119
00:05:20,100 --> 00:05:21,870
Y ya podemos ver

120
00:05:21,870 --> 00:05:25,410
que en realidad esto es solo un proyecto npm normal

121
00:05:25,410 --> 00:05:28,440
que también podríamos haber creado manualmente usando

122
00:05:28,440 --> 00:05:30,990
el comando de inicio npm.

123
00:05:30,990 --> 00:05:33,720
Entonces tenemos un archivo package.json aquí,

124
00:05:33,720 --> 00:05:37,290
que contiene el nombre de la aplicación, la versión,

125
00:05:37,290 --> 00:05:41,193
las dependencias y también los scripts npm.

126
00:05:42,847 --> 00:05:43,710
está bien.

127
00:05:43,710 --> 00:05:46,290
Y también tenemos la carpeta node_modules,

128
00:05:46,290 --> 00:05:49,980
que es donde se instalaron todos los paquetes npm.

129
00:05:49,980 --> 00:05:51,990
Y ves que hay cientos,

130
00:05:51,990 --> 00:05:54,390
tal vez miles de ellos,

131
00:05:54,390 --> 00:05:57,480
pero solo estoy buscando los de React aquí.

132
00:05:57,480 --> 00:06:00,240
Y sí, aquí están.

133
00:06:00,240 --> 00:06:02,640
Entonces aquí está el paquete de reacción,

134
00:06:02,640 --> 00:06:04,620
y aquí, el paquete reaccionar-dom.

135
00:06:04,620 --> 00:06:07,770
Y recuerda que estos dos son exactamente los

136
00:06:07,770 --> 00:06:10,380
que también incluimos en nuestro archivo

137
00:06:10,380 --> 00:06:13,320
en la conferencia pura de React, ¿verdad?

138
00:06:13,320 --> 00:06:16,440
Pero lo hicimos en aquel entonces usando la etiqueta script,

139
00:06:16,440 --> 00:06:21,440
y por supuesto, no usar npm install, ¿verdad?

140
00:06:22,110 --> 00:06:25,440
Ahora, si todo este concepto aquí del proyecto npm,

141
00:06:25,440 --> 00:06:28,950
entonces este node_modules y el package.json,

142
00:06:28,950 --> 00:06:31,620
Es un poco extraño para ti, entonces no te preocupes.

143
00:06:31,620 --> 00:06:34,050
Realmente no necesitas entender todo eso.

144
00:06:34,050 --> 00:06:36,120
Pero si quieres, puedes intentarlo.

145
00:06:36,120 --> 00:06:38,910
para leer algo en él o ver un vídeo,

146
00:06:38,910 --> 00:06:43,350
o también te lo explico todo en mi curso completo de JavaScript.

147
00:06:43,350 --> 00:06:46,020
Pero repito, no es realmente necesario.

148
00:06:46,020 --> 00:06:48,900
Solo debes saber que esto es muy, muy estándar.

149
00:06:48,900 --> 00:06:52,230
en básicamente todos los proyectos JavaScript modernos

150
00:06:52,230 --> 00:06:55,140
que tienen una herramienta de construcción asociada.

151
00:06:55,140 --> 00:06:56,310
¿bueno?

152
00:06:56,310 --> 00:06:59,040
Pero de todos modos, ahora revisemos estas otras carpetas.

153
00:06:59,040 --> 00:07:01,470
que han sido creados para nosotros.

154
00:07:01,470 --> 00:07:04,080
Ahora, la mayor parte de nuestro trabajo de desarrollo,

155
00:07:04,080 --> 00:07:06,150
o básicamente todo el desarrollo,

156
00:07:06,150 --> 00:07:09,630
Sucederá aquí dentro de la carpeta de origen.

157
00:07:09,630 --> 00:07:11,700
Aquí tenemos un montón de archivos,

158
00:07:11,700 --> 00:07:14,100
donde la mayoría de ellos en realidad no los necesitamos.

159
00:07:14,100 --> 00:07:16,650
Y así nos desharemos de ellos pronto.

160
00:07:16,650 --> 00:07:20,050
Pero por ahora dejemos todo aquí como está.

161
00:07:21,240 --> 00:07:23,220
y revisando la otra carpeta,

162
00:07:23,220 --> 00:07:24,690
que es la carpeta pública.

163
00:07:24,690 --> 00:07:27,690
Y aquí es donde básicamente todos los activos

164
00:07:27,690 --> 00:07:31,590
eso terminará en la aplicación final.

165
00:07:31,590 --> 00:07:35,520
Entonces todas las imágenes, como el favicon,

166
00:07:35,520 --> 00:07:39,450
y también el archivo index.html.

167
00:07:39,450 --> 00:07:40,710
Y si abrimos eso,

168
00:07:40,710 --> 00:07:44,070
tenemos un montón de cosas aquí

169
00:07:44,070 --> 00:07:46,320
y, bueno, todos estos comentarios aquí,

170
00:07:46,320 --> 00:07:48,030
que puedes leer si quieres.

171
00:07:48,030 --> 00:07:50,160
Pero solo quería llamar tu atención.

172
00:07:50,160 --> 00:07:53,610
a este div con la identificación de root.

173
00:07:53,610 --> 00:07:55,383
¿Te resulta familiar?

174
00:07:56,220 --> 00:07:58,260
Sí, escribimos exactamente lo mismo.

175
00:07:58,260 --> 00:08:00,090
en la conferencia pura de React

176
00:08:00,090 --> 00:08:02,970
y usé esto como raíz de nuestra aplicación.

177
00:08:02,970 --> 00:08:06,480
Y aquí se ha utilizado exactamente la misma convención.

178
00:08:06,480 --> 00:08:08,880
por Create-React-App.

179
00:08:08,880 --> 00:08:11,670
Entonces se creó la aplicación Create-React-App

180
00:08:11,670 --> 00:08:15,120
Este archivo index.html ya está para nosotros.

181
00:08:15,120 --> 00:08:18,300
Y luego, si abrimos index.js,

182
00:08:18,300 --> 00:08:23,200
ves que aquí también selecciona ese elemento raíz,

183
00:08:24,150 --> 00:08:26,700
entonces el elemento con el id de root,

184
00:08:26,700 --> 00:08:28,260
y luego crea la raíz

185
00:08:28,260 --> 00:08:29,770
usando ReactDOM.createRoot

186
00:08:31,170 --> 00:08:34,290
y luego renderiza la aplicación en él.

187
00:08:34,290 --> 00:08:37,950
Exactamente como lo hicimos en la conferencia pura de React.

188
00:08:37,950 --> 00:08:39,990
Pero más sobre todo esto.

189
00:08:39,990 --> 00:08:41,910
al comienzo de la siguiente sección,

190
00:08:41,910 --> 00:08:44,280
cuando realmente comencemos a construir este proyecto.

191
00:08:44,280 --> 00:08:46,110
Por ahora solo quiero explorar

192
00:08:46,110 --> 00:08:48,570
La estructura del archivo aquí un poco.

193
00:08:48,570 --> 00:08:51,030
Ahora, lo que quiero decir en este video.

194
00:08:51,030 --> 00:08:52,830
es que todos estos archivos

195
00:08:52,830 --> 00:08:56,340
y toda esta estructura de archivos aquí ha sido creada

196
00:08:56,340 --> 00:08:58,890
por Create-React-App de una manera

197
00:08:58,890 --> 00:09:01,890
que sus desarrolladores pensaron que era mejor.

198
00:09:01,890 --> 00:09:04,800
Pero todo podría ser completamente diferente.

199
00:09:04,800 --> 00:09:07,890
Este index.html podría estar aquí,

200
00:09:07,890 --> 00:09:09,810
o podría estar aquí dentro,

201
00:09:09,810 --> 00:09:12,690
o tal vez podríamos no tener ninguna carpeta,

202
00:09:12,690 --> 00:09:16,260
porque a React realmente no le importa nada de eso.

203
00:09:16,260 --> 00:09:20,100
Y la prueba de ello es que en la conferencia pura de React,

204
00:09:20,100 --> 00:09:22,800
No necesitábamos nada de esto, ¿verdad?

205
00:09:22,800 --> 00:09:27,420
Todo lo que teníamos era un index.html con algo de JavaScript.

206
00:09:27,420 --> 00:09:30,180
en el que básicamente teníamos esto.

207
00:09:30,180 --> 00:09:32,730
Entonces esta parte aquí es React real,

208
00:09:32,730 --> 00:09:35,370
y es esta parte la que se encarga

209
00:09:35,370 --> 00:09:39,630
de representar este componente de la aplicación en el DOM.

210
00:09:39,630 --> 00:09:42,900
Entonces este componente de la aplicación está aquí dentro de este archivo de la aplicación.

211
00:09:42,900 --> 00:09:45,330
Pero abriremos todos estos archivos.

212
00:09:45,330 --> 00:09:47,250
y limpiarlos, también,

213
00:09:47,250 --> 00:09:49,920
una vez que comencemos a construir la aplicación.

214
00:09:49,920 --> 00:09:52,500
Por ahora, sólo quería explorar esto un poco.

215
00:09:52,500 --> 00:09:56,163
y además, realmente quería iniciar esta aplicación ahora.

216
00:09:57,180 --> 00:09:59,850
Entonces, para iniciar una aplicación Create-React,

217
00:09:59,850 --> 00:10:04,290
Podemos usar este script npm aquí mismo.

218
00:10:04,290 --> 00:10:06,693
Entonces esta ejecución de npm comienza.

219
00:10:07,890 --> 00:10:10,500
Así que abramos la terminal nuevamente.

220
00:10:10,500 --> 00:10:12,000
Pero como dije al principio,

221
00:10:12,000 --> 00:10:15,540
ahora usaremos el terminal integrado

222
00:10:15,540 --> 00:10:18,390
que viene con VS Code.

223
00:10:18,390 --> 00:10:21,540
Entonces, para eso, abre la terminal aquí mismo.

224
00:10:21,540 --> 00:10:23,340
Y ahora la gran ventaja aquí es

225
00:10:23,340 --> 00:10:27,570
que ya estamos automáticamente dentro de nuestra carpeta de proyecto.

226
00:10:27,570 --> 00:10:31,950
Entonces, si ejecutamos ls aquí, o dir en Windows,

227
00:10:31,950 --> 00:10:35,340
entonces verás exactamente los mismos archivos y carpetas

228
00:10:35,340 --> 00:10:37,980
que tenemos aquí en la barra lateral.

229
00:10:37,980 --> 00:10:40,530
Pero de todos modos, ahora, para empezar el proyecto,

230
00:10:40,530 --> 00:10:44,880
todo lo que tenemos que hacer es ejecutar npm run start

231
00:10:46,110 --> 00:10:49,260
porque así es como ejecutas estos comandos aquí.

232
00:10:49,260 --> 00:10:51,090
Entonces escribes npm run

233
00:10:51,090 --> 00:10:54,690
y luego el nombre de uno de estos cuatro, en este caso.

234
00:10:54,690 --> 00:10:56,820
Y también podríamos crear el nuestro propio,

235
00:10:56,820 --> 00:10:58,710
pero no es necesario.

236
00:10:58,710 --> 00:11:01,260
Ahora, en el caso del comando de inicio,

237
00:11:01,260 --> 00:11:03,630
en realidad ni siquiera necesitamos escribir ejecutar.

238
00:11:03,630 --> 00:11:07,050
Simplemente puedo escribir npm start, presionar Enter,

239
00:11:07,050 --> 00:11:10,050
y eso luego iniciará nuestra aplicación

240
00:11:10,050 --> 00:11:12,423
e incluso abrir una nueva pestaña del navegador.

241
00:11:14,250 --> 00:11:15,420
Y ahí está.

242
00:11:15,420 --> 00:11:19,020
Entonces Create-React-App creó un servidor web para nosotros.

243
00:11:19,020 --> 00:11:21,210
e hicimos que nuestra aplicación se ejecutara aquí

244
00:11:21,210 --> 00:11:24,363
en el puerto localhost 3000.

245
00:11:25,650 --> 00:11:26,940
¿bueno?

246
00:11:26,940 --> 00:11:30,810
Ahora, volvamos aquí una vez más.

247
00:11:30,810 --> 00:11:33,600
y abra este componente de la aplicación.

248
00:11:33,600 --> 00:11:37,473
Entonces este componente de la aplicación aquí está dentro del archivo de la aplicación.

249
00:11:40,050 --> 00:11:43,080
Bueno, tomemos todo aquí.

250
00:11:43,080 --> 00:11:46,530
y muy rápidamente escribe h1,

251
00:11:46,530 --> 00:11:48,990
Hola reacciona!

252
00:11:48,990 --> 00:11:50,130
Guárdalo.

253
00:11:50,130 --> 00:11:52,020
Y luego, una vez que volvamos,

254
00:11:52,020 --> 00:11:53,940
debería haberse actualizado automáticamente.

255
00:11:53,940 --> 00:11:56,310
Y efectivamente así fue.

256
00:11:56,310 --> 00:11:58,830
Entonces esta era una de las cosas que nos faltaban.

257
00:11:58,830 --> 00:12:00,900
en la conferencia pura de React,

258
00:12:00,900 --> 00:12:03,780
pero ahora estamos usando un servidor web.

259
00:12:03,780 --> 00:12:07,023
Y con eso obtenemos un reemplazo de módulo en caliente.

260
00:12:07,860 --> 00:12:08,730
excelente.

261
00:12:08,730 --> 00:12:11,430
Así que felicidades, acabas de crear

262
00:12:11,430 --> 00:12:15,810
su primera aplicación Create-React-App.

263
00:12:15,810 --> 00:12:18,240
Y con esto llegamos al final.

264
00:12:18,240 --> 00:12:21,420
de la sección Primer vistazo a React.

265
00:12:21,420 --> 00:12:23,610
Ahora, la siguiente sección es una revisión rápida.

266
00:12:23,610 --> 00:12:27,180
del JavaScript esencial que necesitas para React.

267
00:12:27,180 --> 00:12:30,900
Y así podrás ver si necesitas alguna de esas conferencias.

268
00:12:30,900 --> 00:12:34,290
Pero si no, pase a la siguiente sección.

269
00:12:34,290 --> 00:12:38,250
donde luego comenzaremos a construir este menú de pizza

270
00:12:38,250 --> 00:12:42,960
que comenzamos aquí para aprender todos los fundamentos de React.

271
00:12:42,960 --> 00:12:45,603
Espero verte allí muy pronto.