React Native: Aplicaciones nativas para IOS y Android
- Descripción
- Currículum
- Reseñas
React Native: Aplicaciones nativas para IOS y Android
Este curso completo de React Native: Aplicaciones nativas para IOS y Android tiene por objetivo enseñarte este framework de una forma sólida y robusta, con más de 42 horas de contenido en video (sin contar tareas y ejercicios). Es importante tener un base de React con Hooks para que este curso se sienta muy sencillo, ya que la idea de React Native, es que tomes tu conocimiento de aplicaciones de React y lo traslades a crear aplicaciones móviles.
El curso está basado en React Native CLI (No expo) y de la mano de TypeScript, el cual no es obligatorio para React Native, pero absolutamente todo lo haremos basado en él para que vean el poder de tener un tipado estricto y así generar la documentación de nuestras funciones y métodos de forma automática.
Tocaremos la mayor parte de los componentes existentes en React Native, pasaremos por un “Hola Mundo”, luego animaciones, manejo de estado, recursos nativos y poco a poco crecemos en complejidad hasta llegar a los despliegues en la Google Play Store y Apple App Store.
Estos son algunos temas que tocamos en el curso:
- React Native CLI
- Google Maps
- SDK Nativo para IOS y Android
- Apple Maps
- GPS
- Cámara
- Galería de imágenes
- TypeScript
- Tipos básicos
- Mapeo de respuestas
- Mapeo de Props
- Obligar argumentos en componentes
- Obligar argumentos en rutas
- React Navigation
- Stack
- Drawer
- Tabs
- TopTabs
- MaterialTabs
- TopScrollableTaps
- Argumentos entre pantallas
- Iconos
- Axios
- Intancias
- Middlewares
- Configuraciones especiales para Mac y Windows con videos específicos
- Gradientes
- Diseño Flex, Box Object Model y Position
- Temas
- Dark
- Light
- Personalizado
- ContextApi
- Consumo de APIs
- CRUDs
- Carga de imágenes
- Re-utilización de componentes y hooks
- Animaciones
- InfiniteScroll
- Pull to refresh
- Slideshows
- Carruseles
- Formularios
- Debouncers
- Búsquedas
- Autenticación mediante JWT
- Despliegues:
- Apple AppStore
- Google PlayStore
Mi objetivo con este curso, es que sea lo más completo posible, con todo lo que puedes necesitar para crear aplicaciones móviles nativas y crear un repertorio enorme de ejercicios que te sirvan de documentación para cuando lo necesites, pero a la vez, que puedas tomar el código de esta librería que haremos y lo implementes de forma simple en tus aplicaciones futuras.
Espero que el curso sea de tu agrado y nuevamente gracias por todo tu apoyo y soporte, que permitió la creación del mismo.
Nos vemos en la siguiente clase
-
5Introducción a la secciónVideo lesson
-
6Temas puntuales de la secciónText lesson
-
7¿Por qué TypeScript?Video lesson
-
8Inicio de proyecto - Introducción React con TypeScriptVideo lesson
-
9Nota de actualizaciónText lesson
-
10Preparar proyecto y nuestros primeros Functional Components en TSVideo lesson
-
11Tipos Básicos - TypeScriptVideo lesson
-
12Objetos literales e interfacesVideo lesson
-
13Funciones, retorno y argumentosVideo lesson
-
14Hook - useStateVideo lesson
-
15Custom Hook - useCounterVideo lesson
-
16Componente Login - Antesala al useReducerVideo lesson
-
17Hook - useReducerVideo lesson
-
18AuthReducerVideo lesson
-
19Login y LogoutVideo lesson
-
20Peticiones HTTP - AxiosVideo lesson
-
21Establecer el tipo de las respuestas HTTPVideo lesson
-
22Mostrar usuarios en pantallaVideo lesson
-
23Crear una pequeña paginaciónVideo lesson
-
24Custom Hook - useUsuariosVideo lesson
-
25Siguientes y Anteriores registros - PaginaciónVideo lesson
-
26FormulariosVideo lesson
-
27Custom Hook - useForm <Genericos>Video lesson
-
28Código fuente de la secciónText lesson
-
29Introducción a la secciónVideo lesson
-
30Temas puntuales de la secciónText lesson
-
31Diferencia entre EXPO CLI y ReactNative CLIVideo lesson
-
32Windows: Instalaciones necesariasVideo lesson
-
33Windows: Crear un dispositivo virtualVideo lesson
-
34Windows: Crear proyecto de React NativeVideo lesson
-
35Android físico - Habilitar USB DebuggingVideo lesson
-
36Windows: Correr aplicación en dispositivo físicoVideo lesson
-
37Mac OSX: Instalaciones necesarias - AndroidVideo lesson
-
38Mac OSX: Emulador de AndroidVideo lesson
-
39Mac OSX: Instalaciones necesarias para IOSVideo lesson
-
40Mac OSX: Crear proyecto de React NativeVideo lesson
-
41Mac OSX: Android Físico USB DebuggingText lesson
-
42Mac OSX: Correr App en Android físicoVideo lesson
-
43Mac OSX: Correr en simulador de IOSVideo lesson
-
44Mac OSX: Correr en un iPhone físicoVideo lesson
-
45Introducción a la secciónVideo lesson
-
46Temas puntuales de la secciónText lesson
-
47Demostración del objetivo final de la secciónVideo lesson
-
48Inicio de proyecto - MiPrimeraAppVideo lesson
-
49Deshabilitar PrettierVideo lesson
-
50Hola MundoVideo lesson
-
51Crear pantallas independientesVideo lesson
-
52Crear un contadorVideo lesson
-
53Tip: ¿Cómo ver los ejemplos de la documentación?Video lesson
-
54TouchableOpacityVideo lesson
-
55StyleSheetVideo lesson
-
56Botón personalizado flotanteVideo lesson
-
57Componente personalizado: FAB - Floating Action ButtonVideo lesson
-
58Enviar funciones y propiedades opcionalesVideo lesson
-
59Estilo condicionalVideo lesson
-
60Código específico para plataformaVideo lesson
-
61Resumen de lo aprendido hasta el momentoVideo lesson
-
62Código fuente de la secciónText lesson
-
63Introducción a la secciónVideo lesson
-
64Temas puntuales de la secciónText lesson
-
65Box Object Model - Fundamentos del diseño en React NativeVideo lesson
-
66Continuación de proyecto - Diseños y FlexboxVideo lesson
-
67Padding, Margin, Border, Width y HeightVideo lesson
-
68Height, Width porcentual y dimensiones de la pantallaVideo lesson
-
69Position - Fundamentos del diseño en React NativeVideo lesson
-
70Posición relativaVideo lesson
-
71Posición absolutaVideo lesson
-
72Flexbox - Fundamentos del diseño en React NativeVideo lesson
-
73FlexVideo lesson
-
74Flex DirectionVideo lesson
-
75Justify ContentVideo lesson
-
76Align ItemsVideo lesson
-
77Align SelfVideo lesson
-
78Flex WrapVideo lesson
-
79Preparar nuevo componente para la tareaVideo lesson
-
80Tarea sobre diseñosVideo lesson
-
81Resolución de la tarea de diseñosVideo lesson
-
82Código fuente de la secciónText lesson
