Curso de Introducción a React Native

Clases del Curso de Introducción a React Native

Instruido por:
Alejandro Sanabria
Alejandro Sanabria
Avanzado
4 horas de contenido
Ver la ruta de aprendizaje
Crypto Tracker
Proyecto del curso
Crypto Tracker

Crea tu primera aplicación utilizando el 90% de los componentes que React Native tiene para ti y aprende todo lo que necesitas para desarrollar tus propias apps con esta tecnología. En Platzi Crypto Tracker podrás consumir un API público de crypto monedas, mostrarlo de una forma profesional, agregar vista de detalles y preservar información entre pantallas.

Curso de Introducción a React Native

Curso de Introducción a React Native

Progreso del curso:0/22contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/22contenidos(0%)

Introducción a React Native

Material Thumbnail

Qué aprenderás sobre React Native y el proyecto que harás

06:37 min

Instalación React Native en Windows

02:37 min

Instalación React Native en MacOS

02:13 min

Material Thumbnail

Estructura de un proyecto en react native

11:40 min

Material Thumbnail

Configuración de la navegación en react native

05:47 min

Material Thumbnail

Nuestra primera pantalla con Stack Navigator

08:24 min

Iniciando el desarrollo de nuestra aplicación

Material Thumbnail

Navegación entre pantallas

12:07 min

Material Thumbnail

Usando una REST API con fetch

09:07 min

Material Thumbnail

Crear nuestra primera lista con FlatList

08:49 min

Material Thumbnail

Dando estilos a nuestra FlatList

16:25 min

Material Thumbnail

Pasar información entre pantallas

03:07 min

Material Thumbnail

Creando nuestra vista detalle

18:00 min

Material Thumbnail

Creando una FlatList horizontal

11:48 min

Elementos avanzados

Material Thumbnail

Buscador con TextInput

14:13 min

Material Thumbnail

Agregando tabs de navegación

06:45 min

Material Thumbnail

Creando nuestra sección de favoritos

10:05 min

Material Thumbnail

Creando nuestra librería de storage

08:06 min

Material Thumbnail

Agregando favoritos

09:09 min

Material Thumbnail

Eliminando favoritos

07:10 min

Material Thumbnail

Lista de favoritos

11:05 min

Mentoría Expert

Modelos mentales y buenas prácticas con React.js

60:19 min

nuevosmás votadossin responder
Jorge De Jesus Tejeda Bello
Jorge De Jesus Tejeda Bello
Estudiante

Mac, estoy obteniendo esto error

  1. Descargue Xcode
  2. instale node y watchman a traves de brew
  3. instale sudo gem install cocoapods

Cree el proyecto pero al momento de iniciarlo me da el siguiente error

error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening cryptoTracker.xcworkspace.
Command line invocation:

¿A que se debe exactamente?

1
Felipe Fleiderman
Felipe Fleiderman
Estudiante

hola ! intente hacer la compilación en android pero me errojo este error, si alguien le ha pasado o sabe me avisa porfa

BUILD SUCCESSFUL in 34s
97 actionable tasks: 97 executed
info Connecting to the development server…
warn Failed to connect to development server using “adb reverse”: spawnSync adb ENOENT
info Starting the app…
error Failed to start the app.
Error: spawnSync adb ENOENT
at Object.spawnSync (node:internal/child_process:1086:20)
at Object.spawnSync (node:child_process:812:24)
at Function.module.exports.sync (/Users/anarangel/Project/dev/cryptoTracker/node_modules/@react-native-community/cli-platform-android/node_modules/execa/index.js:334:30)
at tryLaunchAppOnDevice (/Users/anarangel/Project/dev/cryptoTracker/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/tryLaunchAppOnDevice.js:58:22)
at /Users/anarangel/Project/dev/cryptoTracker/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:104:39
at Array.forEach (<anonymous>)
at runOnAllDevices (/Users/anarangel/Project/dev/cryptoTracker/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:102:48)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async Command.handleAction (/Users/anarangel/Project/dev/cryptoTracker/node_modules/@react-native-community/cli/build/index.js:186:9)
info Run CLI with --verbose flag for more details.

1
Adrian Gonzalez
Adrian Gonzalez
Estudiante

Estoy programando en https://snack.expo.io/ ya que mi compu va demasiado lenta al emular android, hasta ahorita me ha servido bastante, no obstante con esta clase esta causando un problema, por alguna razón esta guardando en el storage, claves y valores que al parecer tienen que ver con el emulador o dispositivo donde corra la aplicación( ya que si lo hago con mi móvil, guarda una clave, y si lo corro en su emulador de web agrega otra clave). ¿Alguien sabe por qué pasa eso, y si es así como evitarlo?
PD: seguí viendo la clase y justo dice que hay que filtrarlos, lo cual en teoría evitaría cualquier problema en mi caso, no obstante todavía me interesa saber por que es que guarda estos datos, gracias

1
Adrian Gonzalez
Adrian Gonzalez
Estudiante

Una duda, aun no he visto las clases siguientes, pero a partir de este punto, entiendo que se esta guardando toda la información de la moneda en el storage, sin embargo, sabemos que los valores de la moneda en la ap cambian cada 1h o 24h, lo cual, si guardamos los favoritos en el storage, ocasionaría que se quedaran desactualizados luego de un tiempo, ¿correcto?. Pienso que para solucionarlo se podría guardar unicamente el id, y en favoritos, traer de la api las monedas, y filtrar las que posean el id que guardamos en storage, a mi parecer sería una mejor manera de realizar esta tarea, pero si alguien puede sugerir, o corregirme en algo se lo agradecería.

0
Omar Dario Melendrez
Omar Dario Melendrez
Estudiante

Hoy 9/7/2021 el url de esa api no me esta funcionando me rechaza la petición con CORS, intente utilizando un link de json-placeholder y me trae bien la info.
A alguien más no les deja consultar la api?

1
Adrian Gonzalez
Adrian Gonzalez
Estudiante

¿Saben como configurar vscode para react native para agilizar la programación? imaginaba que funcionaría con la configuración de react, pero al parecer no, y no da las ayudas de autocompletado de código, etc.

1
Adrian Gonzalez
Adrian Gonzalez
Estudiante

Alguien que pueda recomendar un dispositivo específico que vaya mejor para alguna pc de recursos medio bajos (6GB de RAM, y procesador Intel Pentium), o de plano, no importa que dispositivo use para el emulador?, si es así F

1
Ignacio M. Avila
Ignacio M. Avila
Estudiante

Me da un error en <Stack.Navigator> :
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports.
ayuda

1
Alvaro Cuiza Laime
Alvaro Cuiza Laime
Estudiante

hola chicos una duda si quisiera que apareciera los tabs de navigation después de que este en un cierto componente y no al principio?(para dar contexto en la aplicación que hago hay un login al principio y cuando se inicia sesión correctamente recién me tendría que mostrar los tabs de abajo )

0
Arturo Soga
Arturo Soga
Estudiante

Alguien tiene idea de como puedo exportar el apk de mi aplicación ?

1