Archivo de la categoría: Tutorial

Actualizar Notification Badge – iOS

Cada vez que trabajamos con notificaciones push en nuestras aplicaciones para iOS queremos darle al usuario una retroalimentacion de que tiene contenido pendiente y de su interés aun por revisar. Apple proporciona una forma fácil y directa para poder actualizar el “Badge” de las notificaciones.

Para poder actualizar este badge a nuestro antono, primero tenemos que solocitar los permisos al usuario de que recibira notificaciones y luego podemos colocar el numero que se nos antoje.

Sigue leyendo

Promises All – Typescript

El poder trabajar con procesos asíncrono (Async) es una de las cosas mas usadas hoy día en el desarrollo, no importa si es algo web o un api con node, o incluso una llamada a un backend desde una aplicación móvil con React-Native las promesas son útiles y nos ayudan a encadenar nuestro código para que funcione de forma magnifica sin tener que estorbar en el main thread de nuestra aplicación.

Para todo eso,  Javascript tiene una API bastante fácil de usar y flexible al mismo tiempo “Promises”, el cual consta de varios métodos, podríamos pasarnos la vida entera solo con Then y Catch pero podríamos sacarle mas provecho aun si conocemos las funciones de Race o All

Sigue leyendo

Fuente personalizada utilizando React-Native

El propósito de este tutorial sera el utilizar una fuente personalida a nuestro proyecto móvil, eso surge casi siempre por que el cliente o el equipo de diseño tomo la decisión de utilizar una fuente no por defecto del sistema operativo.

El poder utilizar una fuente en los proyecto es bastante fácil, pero para que este tutorial no sea tan corto le agregare varios puntos donde este proceso puede ser caótico y para que no les pase a alguien mas.

Sigue leyendo

IOS – Simple ‘loading’ animación

Todas la aplicaciones en IOS en algún momento necesitan tiempo para realizar una operación, ya sea una petición request o descargar un archivo o guardar una gran cantidad de información, la cosa es que tenemos que dar una retroalimentación al usuario de que esta sucediendo algo y tenemos 2 opciones; o buscamos y bajamos una libreria para estas animaciones de ‘loading’ o creamos una nosotros mismo, y eso es lo que aremos aquí en este tutorial.

Sigue leyendo

Reducir tamaño de APK – Android

Nos pasamos un tiempo considerable construyendo nuestras Apps y a la hora que hacer el build nos percatamos que el tamaño de dicho APK es algo exagerado teniendo en cuenta lo que pueda hacer nuestra aplicación. Optimizar a temprana etapa del proyecto no es buena pero hay que llevar eso al extremos.

En este tutorial mostraremos una serie de técnicas para reducir considerablemente el tamaño de los APK generados por nuestras aplicaciones.

Sigue leyendo

Cover - React Provider pattern

React Provider – Patron de diseño

Los patrones de diseño son una super herramientas a la hora de desarrollar alguna funcionalidad en nuestras aplicaciones si son usados con sabiduría al igual que pueden ser un gran problema si lo implementamos simplemente por usarlo y no por necesitarlo, en este tutorial estaremos implementando el patron Provider junto a React.

Recientemente mientras trabajaba con react-redux, me hice la pregunta cómo funcionaba la función connect que me permite acceder al store de la aplicación mediante dicha función, y quise ver como funcionaba, al final me gusto mucho y lo encontré bastante útil así que me decidí a escribir para que demás personas pueda ver la magia detrás de esto.
Sigue leyendo

async actions redux

Async actions con Redux & Redux-thunk

Redux es una super librería para manejar nuestro estado en nuestras aplicaciones enviando acciones y modificando a placer nuestro estado, la simpleza de redux no permite que esta maneje acciones asíncronas y por ende es bueno utilizar algún middleware para llevar acabo dicho comportamiento, entre las opciones están redux-thunk, la cual es super simple de implementar y manejar.

Sigue leyendo