Meteor + React
Alfredo Bonilla
Web 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?
MongoDB
DDP
(Distribuited
Data Protocol)
Patrón
Publish-
Subscribe
Websockets
Compensación
de latencia
Arquitectura de Meteor
Web Mobile
Database REST Services
Livequery
App Microservices
Client Data Cache
App Component & Logic
Blaze ReactAngular
DDP
CLIENT
SERVER
SOURCES
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.
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.
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)
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
Demo
• https://github.com/meteor/simple-todos-react
Costa Rica JS
http://costaricajs.co/
Slack
Gracias
@brolag

Meteor + React

  • 1.
    Meteor + React AlfredoBonilla Web Developer 14 de agosto del 2016 #FullStackDayCR
  • 2.
    ¿Qué es Meteor? Meteores 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? Meteorpermite 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 DataProtocol) Patrón Publish- Subscribe Websockets Compensación de latencia
  • 5.
    Arquitectura de Meteor WebMobile Database REST Services Livequery App Microservices Client Data Cache App Component & Logic Blaze ReactAngular DDP CLIENT SERVER SOURCES
  • 6.
    Meteor y elecosistema 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 elsistema 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 unalibrerí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.
  • 11.
  • 12.