Mucho se ha hablado de este excelente elemento/funcionalidad de React y en este tutorial estare mostrando funcionalidades basicas del uso de React Context apropiadamente.
React Context
Deja un comentario
Archivo de la categoría: Javascript
Component vs PureComponent
El elemento principal del desarrollo con react son los componentes, ya sean componentes funcionales o sean basados en clases, todas las aplicación en React hacen uso de estos y conocer las diferencia de uno y del otro nos hara sentir bastante seguridad y confianza a la hora de programar nuestras aplicaciones web y/o mobiles.
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
Animación infinita con React Native
El crear animaciones Loop con React Native es cosa de niños y aquí les traigo un ejemplo de un pulso utilizando esta API.
Para poder trabajar con animación es necesario utilizar los componentes de Animated
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 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.
Creando filtros en AngularJS
Hola, los filtros son cosas bien útiles en el trabajo con AngularJS son tan útiles que el framework de por si nos provee una buena cantidad de los mismo para nuestro uso. Los filtros pueden ser usados tantos para darle un formato en particular a un texto como para el filtrado de una colección que estemos trabajando.
Sigue leyendo
$Http & $q AngularJs
Es poco probable encontrar hoy dia una aplicación web hecha en cualquier framework que no realice alguna petición ajax, debido a esto y al gran uso de AngularJS este tutorial sera de estos 2 AngluarJS service $http y $q.
$http
Servicio que nos proporciona todo un set de metodos para realiza nuestras peticiones xhr de la forma es que mejor nos guste y cumpla con los requerimentos de nuestras apies.
Realizar un request con angular es tan facil como:
var config = {};
$http.get('http://localhost/api/test', config)
.then(function(response){ console.log('request exitosa.') },
function(response){ console.log('error'); });
Socket.IO Rooms & NameSpace
Socket.io es una excelente herramienta para lo que conocemos como aplicaciones en tiempo real, si tenemos una gran cantidad de usuario y queremos organizarlos y/o segmentarlo para saber a que grupo de usuarios le enviamos cierta información las características de Room y Namespace.
Los namespace
Son una segmentación de nivel superior, tanto el cliente como el server deben tener definidos estos contextos ya definidos una vez la aplicación esta en ejecución a diferencia de los rooms. Por defecto todas las instancias de socket.io usan un namespace ‘/’ dependera de nosotros queremos usar uno extra.
var server = require('http').Server(app);
var io = require('socket.io')(server);
WebSockets (SocketIO & Express)
SocketIO una vez salió a la luz revoluciono la forma en la que las aplicaciones se realizaban, y nos brindo a los desarrolladores una herramienta bastante poderosa en cuanto al desarrollo de aplicaciones web se refiere. Brindándonos la capacidad de poder comunicarnos con nuestros clientes de forma directa en tiempo real.
Aprovechando la acogida de las apis de HTML5 socket.io nos brinda una interface para poder utilizar WebSockets y ademas a eso nos abstrae de usar metodos alternativos a WebSockets para navegadores que no lo soporten y aun así brindar a todos nuestros usuarios aplicaciones en tiempo real. Esta libreria cae perfecto para aplicaciones como Chats, Juegos, Analitica y demás, se puede ser bien creativo cuando tiene una comunicación bi-direccional con nuestros usuarios.