Introducción a Meteor con React.

1. Meteor + React
Alfredo Bonilla
Web Developer
14 de agosto del 2016
#FullStackDayCR

2. ¿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.

3. ¿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.

4. ¿Cómo funciona Meteor?
MongoDB
DDP
(Distribuited
Data Protocol)
Patrón
Publish-
Subscribe
Websockets
Compensación
de latencia

5. Arquitectura de Meteor
Web Mobile
Database REST Services
Livequery
App Microservices
Client Data Cache
App Component & Logic
Blaze ReactAngular
DDP
CLIENT
SERVER
SOURCES

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

7. Galaxy
Es 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.

8. Blaze
Blaze 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)

9. React
React 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

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

11. Costa Rica JS
http://costaricajs.co/
Slack

12. Gracias
@brolag