Categorías
General

Cómo empezar un proyecto con React Native

Cómo crear un proyecto con react native y primeros pasos.

Vamos a ver los primeros pasos que debemos de realizar a la hora de crear un proyecto con react native, componentes necesarios, útiles y demas… El primer paso a realizar es crear el proyecto, para ello lanzamos el siguiente comando desde consola:
react-native init <name> --package=info.si2.<name>
Una vez que tenemos el proyecto inicializado, instalamos los componentes y librerías básicas en el siguiente orden:
yarn add react-navigation lodash momentjs
yarn add react-native-vector-icons
react-native link react-native-vector-icons
yarn add react-native-elements
react-native link react-native-elements
Creamos la estructura de carpetas con la que trabajaremos – assets — fonts — images – js — components — constants — Colors.js — Strings.js — navigation — RootNavigation.js –screens Por último y aunque es opcional, instalar el plugin de vscode llamado EditorConfig for VS Code, también disponible para atom (aunque no lo he probado) lo recomiendo para que TODO el equipo tenga la misma configuración en lo que al código se refiere (tab size, etc..), para ello hay que crear en la raiz de la carpeta del proyecto un archivo llamado .editorconfig y copiar el siguiente contenido:
# EditorConfig is awesome: http://EditorConfig.org

# top-most EditorConfig 
fileroot = true

# Unix-style newlines with a newline ending every file
 [*]
 end_of_line = lf
 insert_final_newline = true
 indent_style = space
 indent_size = 2

[*.gradle]
 indent_size = 4
Saludos Facebooktwitterlinkedin

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *