SlideShare a Scribd company logo
1 of 11
Download to read offline
T/14. March. 2014.

Example 1: Better UX using Meteor and Famo.us
First iOS7. Then Facebook Paper:
That’s how we would like things to be.
But using web technology.
Try Famo.us to
replicate the
”Paper” UX.
!

Use Meteor to
build a reactive
UX.
We should add this…

Web with 

Physics Engine

Push
!

To this …

Native
Pull

Reactive
Platform

Server

Server

API

Publish/
Subscribe

RPC

Events
NoSQL

RPC

IT mess
Queries

SQL mess
Using this…

Or perhaps this…

famo.us

Meteor

ASP.NET

SignalR

DDP

WebSockets

Meteor

Azure"
Service "
Bus

Mongo

Mongo
Fullstack JavaScript Library of Packages. Raises
abstraction level from ”raw” JavaScript + Node.Js

Client in JavaScript

Server in JavaScript
Meteor Demo
!

Meteor to show an example
of reactive development.
!

Famo.us not released yet. 

40 days or so left.
!

All code, development and
hosting in the ”cloud”.
GitHub
Developing at Nitrous.io
Deployed at meteor.com
The Reactive Web App.
Create Account
Create/Pick a Project

Join a Project with a Yes or a Maybe

comviqanarchy.meteor.com

More Related Content

What's hot

Electron performance and C++ in Mailspring
Electron performance and C++ in MailspringElectron performance and C++ in Mailspring
Electron performance and C++ in MailspringBen Gotow
 
Snappy ubuntu+m2m labscharm
Snappy ubuntu+m2m labscharmSnappy ubuntu+m2m labscharm
Snappy ubuntu+m2m labscharmsupportm2mlabs
 
Tokyo Cloud Yukio Ando 20090409
Tokyo Cloud Yukio Ando 20090409Tokyo Cloud Yukio Ando 20090409
Tokyo Cloud Yukio Ando 20090409Yukio Andoh
 
Your time saving front end workflow
Your time saving front end workflowYour time saving front end workflow
Your time saving front end workflowIcalia Labs
 
Postmortem of a uwp xaml application development
Postmortem of a uwp xaml application developmentPostmortem of a uwp xaml application development
Postmortem of a uwp xaml application developmentDavid Catuhe
 
Felt - Front end load testing
Felt - Front end load testingFelt - Front end load testing
Felt - Front end load testingSamuel Vandamme
 
Electron - Solving our cross platform dreams?
Electron - Solving our cross platform dreams?Electron - Solving our cross platform dreams?
Electron - Solving our cross platform dreams?Chris Ward
 
Cloud Automation with Opscode Chef
Cloud Automation with Opscode ChefCloud Automation with Opscode Chef
Cloud Automation with Opscode ChefSri Ram
 
Deploy an Asp.Net Core App on Azure
Deploy an Asp.Net Core App on AzureDeploy an Asp.Net Core App on Azure
Deploy an Asp.Net Core App on AzureMichele Aponte
 

What's hot (10)

Electron performance and C++ in Mailspring
Electron performance and C++ in MailspringElectron performance and C++ in Mailspring
Electron performance and C++ in Mailspring
 
Kruize
KruizeKruize
Kruize
 
Snappy ubuntu+m2m labscharm
Snappy ubuntu+m2m labscharmSnappy ubuntu+m2m labscharm
Snappy ubuntu+m2m labscharm
 
Tokyo Cloud Yukio Ando 20090409
Tokyo Cloud Yukio Ando 20090409Tokyo Cloud Yukio Ando 20090409
Tokyo Cloud Yukio Ando 20090409
 
Your time saving front end workflow
Your time saving front end workflowYour time saving front end workflow
Your time saving front end workflow
 
Postmortem of a uwp xaml application development
Postmortem of a uwp xaml application developmentPostmortem of a uwp xaml application development
Postmortem of a uwp xaml application development
 
Felt - Front end load testing
Felt - Front end load testingFelt - Front end load testing
Felt - Front end load testing
 
Electron - Solving our cross platform dreams?
Electron - Solving our cross platform dreams?Electron - Solving our cross platform dreams?
Electron - Solving our cross platform dreams?
 
Cloud Automation with Opscode Chef
Cloud Automation with Opscode ChefCloud Automation with Opscode Chef
Cloud Automation with Opscode Chef
 
Deploy an Asp.Net Core App on Azure
Deploy an Asp.Net Core App on AzureDeploy an Asp.Net Core App on Azure
Deploy an Asp.Net Core App on Azure
 

Viewers also liked

HIV Prevention Planning Overview by Jen Chapman
HIV Prevention Planning Overview by Jen ChapmanHIV Prevention Planning Overview by Jen Chapman
HIV Prevention Planning Overview by Jen ChapmanOffice of HIV Planning
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Chris Feix
 
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014Melissa Perri
 

Viewers also liked (6)

HIV Prevention Planning Overview by Jen Chapman
HIV Prevention Planning Overview by Jen ChapmanHIV Prevention Planning Overview by Jen Chapman
HIV Prevention Planning Overview by Jen Chapman
 
Past UX project example
Past UX project examplePast UX project example
Past UX project example
 
Ux Example
Ux ExampleUx Example
Ux Example
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
What is UX?
What is UX?What is UX?
What is UX?
 
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
Designing To Learn: Creating Effective MVP Experiments - Lean UX NYC 2014
 

Similar to Better UX using Meteor and Famo.us

Introduction to meteor
Introduction to meteorIntroduction to meteor
Introduction to meteorNodeXperts
 
Reactive web applications using MeteorJS
Reactive web applications using MeteorJSReactive web applications using MeteorJS
Reactive web applications using MeteorJSNodeXperts
 
three_software_development_trends_to_follow_in_2016
three_software_development_trends_to_follow_in_2016three_software_development_trends_to_follow_in_2016
three_software_development_trends_to_follow_in_2016Interbrand
 
Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020
Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020
Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020Matt Raible
 
Meteor intro- ktmjs
Meteor intro- ktmjsMeteor intro- ktmjs
Meteor intro- ktmjsPiyush Thapa
 
Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019
Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019
Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019Matt Raible
 
Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019
Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019
Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019Matt Raible
 
DiUS Computing Lca Rails Final
DiUS  Computing Lca Rails FinalDiUS  Computing Lca Rails Final
DiUS Computing Lca Rails FinalRobert Postill
 
9 reasons why programmers should learn react native
9 reasons why programmers should learn react native9 reasons why programmers should learn react native
9 reasons why programmers should learn react nativeReact Sharing
 
Full Stack Reactive with React and Spring WebFlux - PWX 2019
Full Stack Reactive with React and Spring WebFlux - PWX 2019Full Stack Reactive with React and Spring WebFlux - PWX 2019
Full Stack Reactive with React and Spring WebFlux - PWX 2019Matt Raible
 
Spring Boot & Spring Cloud on PAS- Nate Schutta (1/2)
Spring Boot & Spring Cloud on PAS- Nate Schutta (1/2)Spring Boot & Spring Cloud on PAS- Nate Schutta (1/2)
Spring Boot & Spring Cloud on PAS- Nate Schutta (1/2)VMware Tanzu
 
Cloud Computing Bootcamp On The Google App Engine [v1.1]
Cloud Computing Bootcamp On The Google App Engine [v1.1]Cloud Computing Bootcamp On The Google App Engine [v1.1]
Cloud Computing Bootcamp On The Google App Engine [v1.1]Matthew McCullough
 
Node.js meetup 17.05.2017 ember.js - escape the javascript fatigue
Node.js meetup 17.05.2017   ember.js - escape the javascript fatigueNode.js meetup 17.05.2017   ember.js - escape the javascript fatigue
Node.js meetup 17.05.2017 ember.js - escape the javascript fatigueTobias Braner
 
The complete-beginners-guide-to-react dyrr
The complete-beginners-guide-to-react dyrrThe complete-beginners-guide-to-react dyrr
The complete-beginners-guide-to-react dyrrAfreenK
 
End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...
End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...
End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...Paul Jensen
 

Similar to Better UX using Meteor and Famo.us (20)

Dean4j@Njug5
Dean4j@Njug5Dean4j@Njug5
Dean4j@Njug5
 
Introduction to meteor
Introduction to meteorIntroduction to meteor
Introduction to meteor
 
Reactive web applications using MeteorJS
Reactive web applications using MeteorJSReactive web applications using MeteorJS
Reactive web applications using MeteorJS
 
three_software_development_trends_to_follow_in_2016
three_software_development_trends_to_follow_in_2016three_software_development_trends_to_follow_in_2016
three_software_development_trends_to_follow_in_2016
 
Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020
Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020
Full Stack Reactive with React and Spring WebFlux - Switzerland JUG 2020
 
Meteor intro- ktmjs
Meteor intro- ktmjsMeteor intro- ktmjs
Meteor intro- ktmjs
 
Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019
Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019
Full Stack Reactive with React and Spring WebFlux - Dublin JUG 2019
 
Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019
Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019
Full Stack Reactive with React and Spring WebFlux Workshop - KCDC 2019
 
DiUS Computing Lca Rails Final
DiUS  Computing Lca Rails FinalDiUS  Computing Lca Rails Final
DiUS Computing Lca Rails Final
 
9 reasons why programmers should learn react native
9 reasons why programmers should learn react native9 reasons why programmers should learn react native
9 reasons why programmers should learn react native
 
Full Stack Reactive with React and Spring WebFlux - PWX 2019
Full Stack Reactive with React and Spring WebFlux - PWX 2019Full Stack Reactive with React and Spring WebFlux - PWX 2019
Full Stack Reactive with React and Spring WebFlux - PWX 2019
 
React js basics
React js basicsReact js basics
React js basics
 
Spring Boot & Spring Cloud on PAS- Nate Schutta (1/2)
Spring Boot & Spring Cloud on PAS- Nate Schutta (1/2)Spring Boot & Spring Cloud on PAS- Nate Schutta (1/2)
Spring Boot & Spring Cloud on PAS- Nate Schutta (1/2)
 
Cloud Computing Bootcamp On The Google App Engine [v1.1]
Cloud Computing Bootcamp On The Google App Engine [v1.1]Cloud Computing Bootcamp On The Google App Engine [v1.1]
Cloud Computing Bootcamp On The Google App Engine [v1.1]
 
Node.js meetup 17.05.2017 ember.js - escape the javascript fatigue
Node.js meetup 17.05.2017   ember.js - escape the javascript fatigueNode.js meetup 17.05.2017   ember.js - escape the javascript fatigue
Node.js meetup 17.05.2017 ember.js - escape the javascript fatigue
 
Understanding meteor
Understanding meteorUnderstanding meteor
Understanding meteor
 
Meteorjs
MeteorjsMeteorjs
Meteorjs
 
Meteorjs
MeteorjsMeteorjs
Meteorjs
 
The complete-beginners-guide-to-react dyrr
The complete-beginners-guide-to-react dyrrThe complete-beginners-guide-to-react dyrr
The complete-beginners-guide-to-react dyrr
 
End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...
End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...
End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...
 

More from Patrik Svensson

Inspirationsdag på Myntkabinettet, 27/10
Inspirationsdag på Myntkabinettet, 27/10Inspirationsdag på Myntkabinettet, 27/10
Inspirationsdag på Myntkabinettet, 27/10Patrik Svensson
 
Online Backend Architectures. Through Words. Not Images.
Online Backend Architectures. Through Words. Not Images. Online Backend Architectures. Through Words. Not Images.
Online Backend Architectures. Through Words. Not Images. Patrik Svensson
 
Improove Business Inspiration - eCommerce at Tele2
Improove Business Inspiration - eCommerce at Tele2Improove Business Inspiration - eCommerce at Tele2
Improove Business Inspiration - eCommerce at Tele2Patrik Svensson
 
Slideburst #7 - Next Best Action in All Digital Channels
Slideburst #7 - Next Best Action in All Digital ChannelsSlideburst #7 - Next Best Action in All Digital Channels
Slideburst #7 - Next Best Action in All Digital ChannelsPatrik Svensson
 
Comviq Hackathon Warm-Up
Comviq Hackathon Warm-Up Comviq Hackathon Warm-Up
Comviq Hackathon Warm-Up Patrik Svensson
 
Search marketing - good things come in threes
Search marketing - good things come in threesSearch marketing - good things come in threes
Search marketing - good things come in threesPatrik Svensson
 
The 4 faces of social media analytics - KPI's that matter
The 4 faces of social media analytics - KPI's that matterThe 4 faces of social media analytics - KPI's that matter
The 4 faces of social media analytics - KPI's that matterPatrik Svensson
 
The 5 principles of google's cloud
The 5 principles of google's cloudThe 5 principles of google's cloud
The 5 principles of google's cloudPatrik Svensson
 

More from Patrik Svensson (9)

Inspirationsdag på Myntkabinettet, 27/10
Inspirationsdag på Myntkabinettet, 27/10Inspirationsdag på Myntkabinettet, 27/10
Inspirationsdag på Myntkabinettet, 27/10
 
Online Backend Architectures. Through Words. Not Images.
Online Backend Architectures. Through Words. Not Images. Online Backend Architectures. Through Words. Not Images.
Online Backend Architectures. Through Words. Not Images.
 
Improove Business Inspiration - eCommerce at Tele2
Improove Business Inspiration - eCommerce at Tele2Improove Business Inspiration - eCommerce at Tele2
Improove Business Inspiration - eCommerce at Tele2
 
Slideburst #7 - Next Best Action in All Digital Channels
Slideburst #7 - Next Best Action in All Digital ChannelsSlideburst #7 - Next Best Action in All Digital Channels
Slideburst #7 - Next Best Action in All Digital Channels
 
Comviq Hackathon Warm-Up
Comviq Hackathon Warm-Up Comviq Hackathon Warm-Up
Comviq Hackathon Warm-Up
 
Search marketing - good things come in threes
Search marketing - good things come in threesSearch marketing - good things come in threes
Search marketing - good things come in threes
 
The 4 faces of social media analytics - KPI's that matter
The 4 faces of social media analytics - KPI's that matterThe 4 faces of social media analytics - KPI's that matter
The 4 faces of social media analytics - KPI's that matter
 
Google vs Apple
Google vs AppleGoogle vs Apple
Google vs Apple
 
The 5 principles of google's cloud
The 5 principles of google's cloudThe 5 principles of google's cloud
The 5 principles of google's cloud
 

Better UX using Meteor and Famo.us