AngularJS 1.x: Componentizando tus aplicaciones

banner_puzzle

EDIT: En el tiempo que he dedicado este post, Carlos Azaustre ha subido una entrada entera para explicar el taller que dió en la AngularCamp de Barcelona y habla exactamente sobre el mismo tema de una manera mucho más profunda y concisa.

Como tenía bastante avanzado el post he decidido publicarlo, sin embargo, os recomiendo encarecidamente que vayáis al suyo ya que deja todo los conceptos mucho más claros.

Sí, estoy hablando de Angular 1.x, no me he equivocado de framework. No, no me he vuelto loco, voy a componentizar vuestras aplicaciones hecha en AngularJS 1.x con… AngularJS 1.x. ¿Queréis saber cómo? Adelante 🙂

Read More

ReactJS: El ciclo de vida de un componente (I)

ZB8O0DL

Como ya sabréis, he empezado a estudiar sobre la librería de componentes de interfaz ReactJS.

Poco a poco voy cogiéndole el gusto a esto de organizar la interfaz de nuestra aplicación por medio de componentes reutilizables y que nos ayuden a generar aplicaciones más mantenibles y de mayor calidad.

Si alguien no sabe sobre lo que estamos hablando, en el último post que escribí, hice un recopilatorio de recursos sobre ReactJS. Esos recursos son una buena fuente de información y un buen sitio por el que empezar. A mi particularmente me han venido muy bien.

Read More

Desarrollando se vive mejor (VI): React, React y más React

react.jpg.001

Si amigos, he empezado a caer en los brazos de la nueva librería de Facebook (Por favor, desarrolladores del mundo, dejen de sacar frameworks y librerías para JavaScript o me veré obligado a estudiarlas todas…). Tengo que reconocer que empecé el estudio bastante reticente y a cada paso que doy con ella, me va seduciendo más su planteamiento y su forma de desarrollar aplicaciones HTML5.

Me pasa mucho con el blog y es que se me ocurre escribir sobre un tema en particular y siempre acabo encontrando un blog, un vídeo o un post que acaba explicando muchísimo mejor que yo lo que quiero exponer. Esta es una de esas ocasiones y aprovechando que la sección de recopilatorios gusta bastante, voy mostraros todos los recursos sobre React.js a los que he accedido durante este último mes. Espero que os gusten:

Read More

AngularJS: Esperando a resolver varias promesas

promises

En ocasiones, por obligaciones del guión, no nos queda más remedio que tener que llamar a un servicio de manera iterativa para obtener colecciones de datos de diferentes usuarios, clientes o datos relacionados. Lo que fácilmente el servidor podría resolverlo devolviendo un único JSON con todos los datos, se acaba convirtiendo en una tortura por un, digamos, fallo de diseño o de concepto en el desarrollo de la parte back.

En muchas ocasiones los fronts tendremos que lidiar con situaciones así e intentar conseguir una solución lo más elegante posible. Por lo general estas llamadas iterativas se producen de manera asíncronas por medio de llamadas Ajax, por lo que es complicado dar una buena solución y que a la vez todas las llamadas Ajax realizadas se esperen para obtener todos los resultados.

Read More

AngularJS: Indicando dependencias manualmente

angular_js_ui_router_cheat_sheets

Una de las primeras funcionalidades con la que nos topamos a la hora de aprender AngularJS, es su potente inyector de dependencias. El inyector de dependencias es el encargado de instanciar de manera perezosa (es decir, los componentes se instancia bajo demanda de uso) todos los servicios que un componente precise para so correcto funcionamiento.

Read More

$watch y $digest: Entendiendo el servicio $scope de AngularJS

angular_0

Una de las funcionalidades que más han ayudado para que los desarrolladores se decanten por el uso de AngularJS ha sido la posibilidad de realizar el doble ‘data-binding’. Con el doble ‘data-binding’ tenemos la posibilidad de enlazar un elemento de la vista con un modelo JSON disponible en la lógica de negocio de nuestra aplicación.

Con este enlazado lo que conseguimos es que cuando nuestro modelo cambie, la vista actualice los datos en el HTML de una forma transparente, sin que nosotros, como desarrolladores, tengamos que indicarle nada más al framework sobre el enlazado. De igual forma ocurre cuando el cambio del modelo se realiza desde la vista. Cuando el usuario modifica un dato de un modelo enlazado, este se actualiza transparentemente.

Read More