1

Aprende a crear un nuevo proyecto con React Native

93Puntos

hace 4 años

Nota de Platzi: uno de los anuncios destacados de la conferencia F8 fue la decisión de Microsoft de añadir soporte para React Native, una razón más para interesarse en este Framework. En este post, el estudiante de Platzi Fernando Serrano te explica cómo crear tu primer proyecto con ello.

React Native es un Framework de Facebook que te permite crear aplicaciones nativas para iOS y Android con JSX (JavaScript + html). A diferencia de otras plataformas y frameworks como Ionic, PhoneGap o Cordova, esta no es una aplicación web, sino que realmente es nativa - incluso se compila a través de Xcode y Android Studio.

Requerimientos

  1. Homebrew (lo usaremos para instalar Watchman y Flow)
  2. Node.js (4.0 o superior)
  3. Xcode (para desarrollar en iOS; solo disponible para Mac) y Android Studio (para desarrollar en Android)
  4. Un editor de texto (como Sublime Text, Atom, Brackets, etc)

**Sobre este tema: Aprende todo lo que tienes que saber sobre React.js para poder crear apps con React Native

** Inicio Instala el paquete de React Native en tu

terminal:

npm install -g react-native-cli

si te aparece algún error intenta interponer la palabra sudo:

sudo npm install -g react-native-cli

Una vez puesto eso en tu terminal da enter y espera a que se terminen de instalar los archivos necesarios. Crea un nuevo proyecto Una vez que se terminaron de descargar los archivos, escribe este comando en tu terminal:

react-native init Nombre_del_proyecto

Cambiando Nombre_del_proyecto por el nombre que quieras que tenga tu aplicación. Presiona enter, espera unos segundos y te tendrá que salir algo parecido a esto: 1

Cuando terminen de crearse los archivos te aparecerá un aviso informándote de la ubicación de los archivos: 2

Pon a correr a tu servidor: Antes de empezar necesitamos iniciar el servidor de React Native, para ello vamos desde la terminal a la ubicacion de nuestros archivos, una vez ahi escribiremos en la terminal:

npm start

3
Esperamos unos minutos… y ya empezará a funcionar: 4

Si aparece algún error intenta volver a iniciar el servidor (npm start) y si no es suficiente comprueba que todo esté instalado correctamente. ¿Te gustaría que Platzi tenga una clase completa sobre React Native? ¡Cuéntanos en los comentarios!

Fernando
Fernando
@fest_18

93Puntos

hace 4 años

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
0
2Puntos

Hola,tengo una duda,sabes si funcionaria igual en MacOs, que en Windows

0
2Puntos

Hola Fernado, estamos buscando un Porgramador en React para BEWE. Algún interesado escribirme directamente a [email protected]

Gracias.

0
5692Puntos

Excelente el aporte primo te felicito

0
2875Puntos

He trabajado por mucho tiempo con Ionic - Cordova, igual necesitas XCode y Android Studio para compilar, y en esto no necesariamiente se encuentra la diferencia entre híbrido y nativo. Comparto este artículo que me despejó de muchas dudas entre React Native e Ionic https://www.codementor.io/fmcorz/react-native-vs-ionic-du1087rsw

0
1091Puntos

Hola,
Tengo una duda. Estoy intentando mostrar imágenes, la cual están en una carpeta:

/assets/logos/
	- logo1.png
	- logo2.png
	...

pero la aplicación no lo muestra, ya intente usar lo siguiente:

<Image source={require(directory)} />
<Image source={{uri:directory}} />

Debo decir que las rutas de las imágenes los tengo en un array, lo cual estoy imprimiendo con la la funcion array.map()

Espero que me puedas dar algún consejo, soy nuevo en el desarrollo de apps con react-native.

Gracias de antemano.

0

Alguien sabe como crear un proyecto con react native en diferentes versiones del react-native-cli, ahorita que lo instale me marca la version 2.0.1… y necesito crear un proyecto en una version inferior… ¿Alguien sabe si eso es posible?