christhoval06 / react-native-hnl-intro

A little bit introduction to RN world

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React-Native: Iniciando una aplicación

Aprenderás a crear un aplicación desde cero con @christhoval

              ![React-Native UI](https://miro.medium.com/max/646/1*xEUKT95BCNbzCgwpkFbF0A.gif)

Pre-requisitos:

  • Conocimientos básicos de react
  • GIT y CLI
  • NPM o yarn

Lo que aprenderás

  • Configurar el entorno de trabajo.
  • Ejecutar y Debugear una aplicación
  • Organizar directorios
  • Usar y aplicar estilos
  • High Order Components
  • MST

Configurando el entrono de trabajo

  1. Generando una aplicación
  2. Ejecutando tu app en un dispositivo
  3. Conectando tu app con el depurador
  4. Resolviendo errores y avisos
  5. Árbol de directorios

Creando mi primer componente

  1. Ciclo de vida de un componente
  2. Diferencias entre Component y PureComponent
  3. Aplicando estilos

Agregando navegación

  1. Conociendo react-navigation
  2. Stack de rutas
  3. Lanzando un ruta

Formularios

  1. Usando el componente TextInput
  2. Sincronizando valores de TextInput en el state
  3. Aplicando estilos a un botón
  4. Usando componentes externos

Trabajando con Data Real

  1. Peticiones HTTP en RN
  2. Obteniendo data desde un HTTP API
  3. Enviando data a un HTTP API

Introduciendo MST

  1. MST vs REDUX
  2. El concepto de Store
  3. Modelando stores
  4. Injectando a componentes
  5. Observando cambios.
  6. Sustituyendo por state

Mi primer HOC

  1. Generando un decorador
  2. Usando Context Providers y Consumers
  3. Aplicando decorador

Generando Instalables

  1. Android
  2. iOS

About

A little bit introduction to RN world


Languages

Language:JavaScript 74.8%Language:Objective-C 10.4%Language:Ruby 5.7%Language:Python 4.8%Language:Java 4.3%