MrCodeDev mrcodedev

Instalación Expo para React Native

Instalando Expo

Primero instalamos con npm explo-cli y exp (debemos de tener Node.js y npm instalados)

npm install -g expo-cli exp

Después creamos nuestra zona de trabajo, le decimos como se quiere llamar la carpeta:

Instalacion React Native (junto emulador Genymotion)

Documentación Instalación Oficial

Documentación oficial React Native Instalación

Instalar React Native (en npm)

Debemos de tener instalados Node.js y npm. Ponemos esto en consola:

Encabezados

# H1
## H2
### H3
#### H4
##### H5
###### H6

Github

Guía esencial de comandos básicos para empezar con github (desde consola y con git).

Comandos básicos para iniciarse en git

Para empezar a crear un proyecto debemos de realizar estos pasos (antes debemos de tener instalado git)...

Primero podemos crear un archivo README.md donde va a ir información sobre el proyecto. Para dejarlo más bonito utilizaremos MarkDown.

COMANDOS DE GIT EN CONSOLA:

1º Configuración y primeros pasos:

git init <nombre_proyecto>: Inicia un repositorio local con el nombre.

git init : Dentro de la carpeta del proyecto, inicia un repositorio en esta carpeta.

git clone <url> : Clona el repositiorio que haya en la url.

Información del sistema

arch: mostrar la arquitectura de la máquina (1).
uname -m: mostrar la arquitectura de la máquina (2).
uname -r: mostrar la versión del kernel usado.
dmidecode -q: mostrar los componentes (hardware) del sistema.
hdparm -i /dev/hda: mostrar las características de un disco duro.
hdparm -tT /dev/sda: realizar prueba de lectura en un disco duro.
cat /proc/cpuinfo: mostrar información de la CPU.
cat /proc/interrupts: mostrar las interrupciones.

COMANDOS DE LA CONSOLA DE LINUX

cat (de concatenar): Visualizar el contenido de un archivo sin un editor:

$ cat prueba.txt

ls (de listar): Lista el contenido del directorio en el que se está o que se indica:

$ ls /home/directorio/subdirectorio

💥 Definiciones en React 💥

Similitudes entre HTML y React Native

<div> === <View>
<p> || span === <Text>
<button> === <TouchableHighlight>
<img /> === <Image />
<input /> === <TextInput />

Tips React Native

Este es un Gist propio donde puedo meter la pata

💭 Comentarios

Para añadir comentarios entre el código sólo hay que añadir {/* */}. Vamos a verlo con un ejemplo:

    <View style={styles.container}>
        <Button title="Ir atrás a pantalla de logueo" onPress={()=> this.props.navigation.goBack()} />

        {/* Go to the Top of the Stack Navigator */}


	# Created by https://www.gitignore.io/api/node,sass,ruby,macos,jekyll,angular,android,reactnative,androidstudio

	### Android ###
	# Built application files
	*.apk
	*.ap_

	# Files for the ART/Dalvik VM
	*.dex