Meteor + React

Alfredo BonillaWeb Developer

14 de agosto del 2016

#FullStackDayCR

¿Qué es Meteor?Meteor es una plataforma para crear aplicaciones web en tiempo real construida sobre Node.js. Meteor se localiza entre la base de datos de la aplicación y su interfaz de usuario y se encarga que las dos partes estén sincronizadas.

Meteor se asegura de que el servidor envíe datos y no HTML y el cliente se encargue de renderizarlos correctamente.

Meteor provee reactividad en todas las partes del stack, permitiendo que el UI refleje actualizaciones en los datos con el mínimo esfuerzo de desarrollo.

¿Por qué Meteor?Meteor permite crear aplicaciones JavaScript isomorfas y es fácil de aprender.

Meteor permite crear una aplicación web en tiempo real en cuestión de horas.

Meteor permite desarrollar toda la aplicación utilizando un solo lenguaje.

¿Cómo funciona Meteor?

MongoDBDDP

(Distribuited Data

Protocol)

Patrón Publish-

SubscribeWebsockets

Compensación de

latencia

Arquitectura de MeteorWeb Mobile

Database REST Services

Livequery

App Microservices

Client Data Cache

App Component & Logic

Blaze ReactAngular

DDPCLIENT

SERVER

SOURCES

Meteor y el ecosistema de JavaScriptA partir de la versión 1.3, Meteor permite la instalación de paquetes por medio de NPM.

GalaxyEs una plataforma (PasS) para alojar aplicaciones escritas en Meteor. Permitiendo al equipo de desarrollo evitarse problemas de DevOps ya que esta completamente optimizada para Meteor.

Ofrece un proceso de deployment completamente listo para usar, contenedores flexibles, soporte del MDG, entre otras cosas.

También es posible utilizar servicios como Heroku o Modulus.

BlazeBlaze es el sistema de renderizado por defecto de Meteor. Utiliza templates escritos en Spacebars (una variante de Handlebars) y además utiliza Tracker

Tracker permite volver a renderizar los templates cada vez que hay cambios en las fuentes de datos (variables, consultas a la base de datos, etc)

ReactReact es una librería de código abierto escrita en JavaScript, mantenida por Facebook

Su objetivo es ser sencilla, declarativa, y fácil de combinar

Ofrece grandes beneficios en modularidad y desempeño gracias al DOM Virtual

Beneficia el desarrollo orientado a componentes reutilizables

Demo• https://github.com/meteor/simple-todos-react

Costa Rica JS

http://costaricajs.co/

Slack

Gracias@brolag