Category Archives: React Native

Curso Básico React Native 2019: #1 – Learn the basics – Primeros Pasos

React Native es muy similar a React pero en lugar de usar Componentes Web como bloques de construcción react native usa componentes nativos. Para entender la estructura básica de una applicación en React Native es importante primero entender conceptos básicos de React como JSX, componentes, state, props. JSX: http://www.fetaga.com/react/curso-basico-react-2019-2-introduccion-jsx/ Componentes y Props: http://www.fetaga.com/curso-basico-react-2019/curso-basico-react-2019-4-componentes-y-props/ State: http://www.fetaga.com/curso-basico-react-2019/curso-basico-react-2019-5-estados-state-y-ciclo-de-vida/ […]

Parte #4: Configuracion de tema grafico de apoyo a stylos

Resumen: En este tutorial vamos a poner un poco de orden creando una carpeta “Theme” en nuestro proyecto. Vamos a guardar todos los ficheros que tienen informacion de configuracion global de la interfaz de nuestra applicacion completa. Por que asi por ejemplo podremos cambiarla con las configuraciones de otra app y aplicar nuevos estilos a […]

Bonus: 3 Formas de jugar o aplicar estilos en React Native

Opción #1: Implementación de stylos muy básicos. Opción #2: Intermedio En esta opcion veremos como utilizar el objeto StyleSheet para decorar nuestros componentes y pantallas. El primer paso de la opción #2 es agregar el elemento StyleSheet a la importación de los elementos de React Native, en la cabecera. Debe de quedar así: import { […]

Parte #2: Creación y estructura de pantalla genérica en React Native

React Native no tiene una manera estricta para guardar o poner orden en el codigo (acomodo de archivos y carpetas). Sin embargo en este curso lo iremos haciendo de una manera que a mi me funciona para llevar un orden. Primero que todo creare una carpeta que se llama “Containers” en donde pondré todas mis […]

Parte #1: Como crear una App con React Native?

Requisitos: Creo que se tiene que instalar React y React Native globalmente o al menos localmente para poder empezar. Checarlo antes de publicar. Resumen: El propósito es crear la app por defecto de React Native. Una ves creándola, la probaremos y analizaremos los archivos más importantes que se crean automáticamente al correr los siguientes comandos […]

WhatsApp chat