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
