react-native sin fronteras

React native, react hooks, react-navigation versión 4, autenticación, serverless, redux y mejora tu calidad de vida

4.25 (1388 reviews)
Udemy
platform
Español
language
Other
category
5,708
students
20.5 hours
content
Aug 2020
last update
$54.99
regular price

What you will learn

Construir aplicaciones móviles en android y iOS

Conectarte con el hardware del teléfono como la cámara

Utilizar Expo para desarrollar tu aplicación

Desarrollar con el simulador o un dispositivo real

React Hooks, la nueva API de react que también funciona en react-native

react navigation 4, la librería para poder navegar en react native

Crear una API rest serverless que podremos consumir luego con nuestra aplicación

Manejar el estado de una aplicación con redux

Description

Soy ingeniero de software que vivió en Chile, hasta que una empresa en Nueva Zelanda pagó por el traslado mío y de mi familia completo, incluyendo perro! Si deseas mejorar tu salario, calidad de vida o solamente adquirir nuevos conocimientos, react native es una excelente alternativa ya que existen muy pocos desarrolladores de react native a nivel global.

En este curso vamos a ver:

Hola Mundo

Como pensar en React Native

Componentes básicos

Componentes avanzados como:

  1. Mapas

  2. Cámara

  3. Geolocalización

  4. Marcadores en mapas

  5. Y más!

Como estructurar una app en react native, buenas prácticas

React Hooks

navegación con react-navigation 4

API rest serverless

Autenticación y autorización

Manejo del estado de tu aplicación con redux

Formularios con Formik


Necesitas saber clases, funciones, tipos de datos, HTML, CSS y sentirte cómodo con Javascript que es lo que más se ve en el curso.

Content

Introducción

Introducción
Bienvenida y testimonio

Herramientas

Herramientas que vamos a instalar
NodeJS
Yarn
VS Code
Expo
Plugins de VS Code
Xcode
Android Studio

Nivelación

Introducción
import en javascript
Fat arrow function
Funciones Async/Await

Comenzamos

Teoría de componentes
Creando nuestra primera app, hola mundo!
Nuestro primer componente
Las props
Como se implementan las props
El state
Como se implementa el State
Componente View
Componente Text
Style
Dimensiones con Flex
Distribución del contenido con Flex

Manejando data

Componente TextInput
Eventos táctiles
El componente ScrollView
Listas en React Native
Section Lists
Obtener datos de una API

Más componentes, interactuando con el usuario

Picker
ActivityIndicator
Alert
Modal
Images
AsyncStorage

React Native Avanzado, accediendo al hardware

Introducción
Geolocalización
Cámara
MapView: mapas en react native

Construyendo nuestra aplicación, manos a la obra!

Introducción
Parte 1
Parte 2
Parte 3
Parte 4
Parte 5
Como ordenar el código

Hooks

useState
useEffect
Ejercicio con useState y useEffect
useReducer
useMemo
useCallback

React Navigation

Intro a navegación
Instalando react-navigation y sus dependencias
Navegación por stack
Editando la barra de navegación
Personalizando la barra de navegación
Agregando botones a la barra de navegación
Como navegar entre modales
Navegación por tabs
Personalizando los tabs
Drawer Navigator
Switch Navigator

Ejercicio react navigation

Explicamos cual es el ejercicio que realizaremos
Parte 1
Parte 2
Parte 3
Parte 4

NodeJS, montando nuestra propia API rest serverless con express JS

Que es una API rest
Como funciona la arquitectura serverless
Revisando nuestro proveedor FaaS
Creando nuestro proyecto y realizando nuestro primer despliegue
Que aplicación vamos a construir?
mongo DB, creando una cuenta, configurando y probando nuestra aplicación
Creando los modelos de base de datos para nuestras colecciones
Dandole estructura a la app
Agregando los endpoints
Cambiando de plates a meals
Agregando mongodb a nuestros endpoints
Instalando body-parser
Descargando e instalando postman
Una pequeña observación
Probando nuestra API con postman

Consumiendo nuestra API rest

Empezando nuestro proyecto
Creando las pantallas de nuestra app
Creando el listado en pantalla de meals
Agregando datos a nuestra API
Usando fetch y custom hooks para traer nuestras meals
Pantalla de detalle en el modal, mostrando la data de cara al usuario
Creando las ordenes de nuestros usuarios

Agregando autenticación y autorización a nuestra API (login y permisos)

Autenticación y autorización, una breve explicación
Modelo de datos de usuario y estrategia de autenticación
Modelo de usuario
Preparando y probando las rutas
creando nuestra ruta de registro
Creando ruta de inicio de sesión
JSON webtoken y protegiendo las rutas
Autorización
Autorizando múltiples roles
Agregamos un endpoint para obtener los datos del usuario

Creando formulario de login y registro a nuestra aplicación

Creando nuestro navigator de OnBoarding y sus pantallas
Dandole forma al inicio de sesión
Dandole forma al registro
Custom hook para gestión de formularios
Registrando un nuevo usuario
Iniciando sesión
Recordando al usuario
Agregando el token del usuario cuando creamos una orden

Redux, gestionando el estado de nuestra aplicación

Introducción a redux
Primera aplicación en redux
Actions y action creators
Creando un todo con redux
Separando los reducers, y luego combinándolos con combineReducers

Redux en react-native, pequeña aplicación

Creando nuestra primera aplicación con redux
Estructurando nuestro proyecto de redux
Creando un listado no conectado
Conectando nuestro primer componente
Despachando acciones en nuestra aplicación
Agregando todos al listado parte 1
Agregando todos al listado parte 2
Introducción

Efectos y como manejarlos con redux thunk

Intro a redux thunk
Creando nuestro primer thunk
Finalizando nuestro primer thunk

Trucos para estructurar mejor nuestra aplicación con redux y reducir código

Intro
makeType
Make action creators
Creando un reducer del mundo real
Primeras optimizaciones al reducer
Optimizando función de reducer
Reutilizando todo lo creado

Formularios con Formik

Introducción y filosofía
Primer formulario con formik
Agregando validaciones al formulario
Mejorando la experiencia del usuario
Validando formularios con Yup
Formularios más concisos con componentes
Reutilizando TextInput
Agregando mensajes de error custom

Material extra

Optimizar rendimiento de los componentes funcionales con memo
Fuentes personalizadas
Asignando la misma fuente a todo el proyecto
Clase extra

Screenshots

react-native sin fronteras - Screenshot_01react-native sin fronteras - Screenshot_02react-native sin fronteras - Screenshot_03react-native sin fronteras - Screenshot_04

Reviews

Marcelo
May 4, 2023
Tengo full motivación, estoy sacando React js y Node Js en un Bootcamp y esto me viene genial porque quiero montar una app para movil de un proyecto que tengo jaja xd
Oswaldo
April 12, 2023
Me pareció un curso muy interesante, ya traía conocimientos de React, pero sí desconocía como crear una app en React Native, y me despejo varias dudas
José
December 12, 2022
Estoy muy contento con usted profe Nicolás. Y estoy motivado para ser desarrollador a pesar que ya casi tengo 39 años!! Muchas gracias.
Marco
October 12, 2022
El curso está definitivamente desactualizado, no hay respuestas a las preguntas por parte del profesor , y por lo tanto no tiene cuesta trabajo seguir avanzando.
Hernan_Hernandezz
September 5, 2022
la forma de explicar las cosas hace que las cosas queden muy claro , sin tantos rodeos o explicaciones innecesarias
Gonzalo
April 5, 2022
Un muy buen curso para introducirse al mundo de desarrollo de app. No le doy las 5 estrellas porque me parece que en algunos temas como el redux se podría ser mas claro en la aplicación real
Wladimir
March 16, 2022
Las explicaciones son dadas de manera pausada lo cual permite escuchar las clases con mejor detalle y cada ejercicio es explicado minuciosamente. Gracias Nico. :)
Jesus
February 14, 2022
Muy buen curso, solo un pequeño detalle tal vez ya lo han mencionado mucho, pero es los métodos deprecated pero nada del otro mundo que no se pueda buscar en la documentación.
Angel
February 6, 2022
Ocurre que algunas cosas no están actualizadas y dificulta mucho el proceso de aprendizaje. Personalmente tuve muchos problemas para desplegar la API, y lo resolví por mi cuenta casi desde cero, pasé semanas intentando desplegar. Pero en cuestión de código si está bien explicado.
Pablo
January 11, 2022
Nico es muy claro por eso compre el curso, el conocimiento que aporta en cuanto a lo teorico es muy bueno, lo unico negativo es que tendria que actualizar el curso, fuera de eso, esta bueno hacer este curso... si entiendes las bases de RN lo podes hacer leyendo documentacion tranquilamente
Daniel
September 23, 2021
Gracias Nicolas, he aprendido muchas cosas con este curso, he reforzado conocimientos previos ya que ya tenia unas bases con desarrollo movil, la verdad 10/10 para personas nuevas :3
Jose
August 27, 2021
No responden las preguntas y el curso no esta actualizado.. es cosa de ver la fecha de ultima actualización : Fecha de la última actualización: 8/2020 Esperaba mas y por eso no lo continue viendo
Sael
August 21, 2021
Le doy 3 estrellas, el curso fue bueno en cuanto a conocimientos. Nicolás es muy bueno explicando. Sin embargo yo venia con la idea de poder hacer una app, sencilla, pero completa y con 'completa' me refiero a publicarla. No se si es mi imaginación, pero el curso tenia una sección donde se enseñaba a publicar apps y fue removida y recuerdo que era uno de los motivos principales por los que compraba el curso. En resumen el curso esta bien para un primer acercamiento a React Native, el curso te dará las bases para despegar un projecto bien hecho, pero se quedara en proyecto y no en producto porque faltaría poder publicar nuestras apps. De no ser por eso le daría 5 estrellas.
David
August 18, 2021
Me parece un Buen curso al grano y muy buenos ejemplos , explica lo que de verdad se necesita saber, pague otros cursos y los temas importantes muy bien explicado cosa que otros no lo hacen, excelente, por ahora todo muy bien de verdad sigue así. Lo único que no veo es firebase incluido si lo incluyes en el curso y lo actualizas diría perfecto nivel Dios, saludos.
Jorge
July 24, 2021
La explicación del curso es buena, es de mucha ayuda cuando inicias con react native, solo que algunas dependencias del curso no funcionan y hay que investigar a parte ya que como comentaba, han cambiado a esta fecha algunas cosas de expo; así como en la parte de redux, a veces no funciona correctamente cuando se usa como en los videos del curso. Yo recomendaría que el curso fuera actualizado en varias partes, sin en cambio, pienso que es muy buen curso si ya se tienen nociones de react native

Coupons

DateDiscountStatus
9/17/202168% OFF
expired
10/11/202268% OFF
expired

Charts

Price

react-native sin fronteras - Price chart

Rating

react-native sin fronteras - Ratings chart

Enrollment distribution

react-native sin fronteras - Distribution chart

Related Topics

2151290
udemy ID
1/14/2019
course created date
11/6/2019
course indexed date
Bot
course submited by