1 00:00:02,380 --> 00:00:03,300 Entonces, ¿qué 2 00:00:03,310 --> 00:00:04,660 es React Native? 3 00:00:04,660 --> 00:00:06,520 Comencemos con la parte React, también conocida 4 00:00:06,520 --> 00:00:08,190 como React. 5 00:00:08,200 --> 00:00:13,260 js, que es el nombre de esa biblioteca y espero que sepas lo que reacciona. js es. 6 00:00:13,360 --> 00:00:15,570 No tienes que ser un experto en React. js pero 7 00:00:15,580 --> 00:00:18,290 debes saber qué reaccionar. js es. 8 00:00:18,310 --> 00:00:22,450 No obstante, resumamos brevemente de qué se trata para que estemos en la misma página. 9 00:00:22,480 --> 00:00:25,910 Es una biblioteca de Javascript para construir interfaces de 10 00:00:25,930 --> 00:00:27,400 usuario, esa es 11 00:00:27,400 --> 00:00:35,560 la definición oficial, eso es lo que React hace al final. Se ejecuta en Javascript y es bueno para construir interfaces de usuario. 12 00:00:35,560 --> 00:00:41,420 Por lo general, usamos React en el desarrollo web para crear aplicaciones web, pero es importante entender 13 00:00:41,430 --> 00:00:42,880 que React en sí 14 00:00:42,880 --> 00:00:49,360 mismo, la biblioteca en realidad no asume lo que estamos creando con él porque en realidad es otra biblioteca 15 00:00:49,360 --> 00:00:54,970 que también usará cuando esté construyendo aplicaciones web con React que es responsable de mostrar algo 16 00:00:54,970 --> 00:00:56,260 en la pantalla 17 00:00:56,260 --> 00:00:58,470 y esa es la biblioteca React DOM. 18 00:00:58,570 --> 00:01:04,660 Ahora en cada proyecto de React for web en el que esté trabajando, llamará a ReactDOM. renderice en algún momento y transfiera la 19 00:01:04,660 --> 00:01:11,070 aplicación React a ese método para representar realmente algo en la pantalla y esa es la biblioteca que 20 00:01:11,170 --> 00:01:18,310 conoce la web y sabe cómo representar elementos HTML, etc. React en sí mismo es independiente de la 21 00:01:18,310 --> 00:01:21,130 plataforma, es solo una biblioteca que 22 00:01:21,220 --> 00:01:27,850 es buena para construir árboles de componentes, para descubrir si algo cambió, si algo necesita 23 00:01:28,120 --> 00:01:33,010 ser re-renderizado, para administrar el estado, para pasar datos, pero lo 24 00:01:33,100 --> 00:01:38,890 hace de manera abstracta de manera que puede usar React en cualquier plataforma. 25 00:01:38,890 --> 00:01:42,490 No está restringido al navegador, a HTML, a 26 00:01:42,610 --> 00:01:50,020 la web, puede usar la lógica que React le brinda en cualquier lugar, es la parte React DOM que 27 00:01:50,100 --> 00:01:55,420 luego sabe cómo trabajar con HTML, etc., y eso es muy importante de entender 28 00:01:55,420 --> 00:02:02,890 porque eso es importante cuando pensamos en React Native. React Native es una biblioteca separada que al final es 29 00:02:02,890 --> 00:02:08,530 una colección de componentes especiales de React que le brinda, por lo que una colección de 30 00:02:08,560 --> 00:02:15,370 componentes que puede usar en su aplicación React y estos componentes son especiales porque React Native realmente sabe cómo traducirlos, 31 00:02:15,610 --> 00:02:23,410 cómo compile estos componentes en widgets nativos para iOS y Android. Entonces, React Native es como React DOM, sabe cómo hablar con la 32 00:02:23,410 --> 00:02:30,490 plataforma nativa, con Android e iOS y cómo representar widgets nativos y le brinda un montón de estos widgets como componentes de 33 00:02:30,490 --> 00:02:36,820 React para que pueda construir una interfaz de usuario con estos componentes compilables, por decirlo así, porque no podrá usar 34 00:02:36,820 --> 00:02:43,690 sus divs y h1 y etiquetas de párrafo regulares en las aplicaciones React Native porque no hay equivalentes directos para eso 35 00:02:43,690 --> 00:02:49,620 en el código nativo, pero volveré sobre eso. Ahora, además de proporcionarle estos componentes, React Native 36 00:02:49,630 --> 00:02:55,330 es un poco más que eso, también le brinda acceso a algunas API de plataforma nativas, por 37 00:02:55,330 --> 00:02:59,740 ejemplo, le ayuda a usar la cámara del dispositivo, por lo que cosas 38 00:02:59,800 --> 00:03:05,680 como esas, tareas comunes que desearía hacer en aplicaciones nativas y, en general, React Native le brinda 39 00:03:05,680 --> 00:03:11,560 herramientas para conectar el código Javascript con el código de la plataforma nativa porque normalmente construye una 40 00:03:11,560 --> 00:03:17,890 aplicación React Native escribiendo principalmente código JavaScript o dependiendo de la aplicación que está creando, escribiendo completamente el código 41 00:03:17,890 --> 00:03:18,490 Javascript. 42 00:03:18,520 --> 00:03:25,600 Ahora digo sobre todo, al menos es una posibilidad porque también puedes escribir código nativo para iOS o Android y React Native 43 00:03:25,840 --> 00:03:30,670 te brinda las herramientas para conectar tu código Javascript a ese código nativo, 44 00:03:30,670 --> 00:03:36,310 aunque eso es un poco más avanzado y en muchas aplicaciones, tú nunca lo necesitará y, por 45 00:03:36,310 --> 00:03:42,460 lo tanto, React Native le brinda total flexibilidad, le brinda una forma de conectar Javascript con el código nativo 46 00:03:42,460 --> 00:03:48,090 y también le brinda muchas características nativas preconstruidas que se pueden usar convenientemente desde su código Javascript. 47 00:03:48,280 --> 00:03:54,550 Entonces, si combina React Native y las características que le ofrece React. js que sabe cómo actualizar una interfaz de usuario y 48 00:03:54,910 --> 00:04:00,700 cómo controlar una interfaz de usuario, luego obtienes todo lo que necesitas para compilar una aplicación móvil nativa 49 00:04:00,700 --> 00:04:06,730 real y eso también es lo que te proporciona React Native, te brinda todo lo que necesitas para luego 50 00:04:06,730 --> 00:04:12,780 tomar tu Javascript codifique y compile eso en una aplicación móvil nativa real que luego puede enviar a App 51 00:04:12,780 --> 00:04:16,760 Store para iOS o a Google Play Store para Android, para que 52 00:04:16,870 --> 00:04:19,840 al final obtenga una aplicación móvil nativa real.