moderne single page-apps mit meteor -...

26
Moderne Single Page-Apps mit Meteor 1 Timo Horstschäfer The Future of Web Development 08 May 2018

Upload: others

Post on 19-Mar-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Moderne Single Page-Apps mit Meteor

1

Timo Horstschäfer The Future of Web Development

08 May 2018

Page 2: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Outline

• Ledgy: Who We Are

• A Brief History of Meteor

• Use the Client, Luke!

• Flow

• The Future of Meteor Development

2

Page 3: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Ledgy: Who We Are

Page 4: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Ledgy one year ago

Page 5: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

The Missing Accounting Software for Your Cap Table

Page 6: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

3 students from ETH with an MSc in Physics Can we launch

in 3 months?

It’s OK to learn a new language. But not two!

Let’s try not to reinvent the wheel.

Assumptions and Goals

Page 7: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

100 companies

500m CHF valuation of companies

1000 shareholders

Progress since July ’17

7

Page 8: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

A Brief History of Meteor

Page 9: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Back in 2011

’09: Node.js ’13: React ’11: npm ’15: GraphQL

14,000 lines of code

Page 10: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

An Opinionated Full-Stack Framework

One Language:JavaScript/Node.js Tightly coupled:

MongoDB/MiniMongoReactive UI:

Blaze

Packages:AtmosphereReal-time data:

Distributed Data Protocol

Page 11: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

11

$30M total funding

including

Y CombinatorAndreessen Horowitz

Page 12: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Crisis in 2015/16…?

Blaze vs. React Atmosphere vs. npm

MongoDB?MySQL?GraphQL?

Page 13: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Maybe not.

React 95k, Angular 35k, Node.js 50k

Page 14: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Use the client, Luke!

Page 15: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Meteor & JavaScript

ECMAScript 6 on server and client

Code can be executed in both environments

Page 16: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

13,000 lines of code 100% JavaScript

Server-only500 linesShared

3,000 lines

UI9,500 lines

Ledgy codebase

40,000 API calls/months

Page 17: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Ledgy is a desktop app, that runs in the

browser and stores data in the cloud.

Page 18: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Flow

Page 19: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Announced in 2014

Page 20: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Flow

Page 21: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Flow

Page 22: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Flow

Bad

Good

Page 23: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

The Future of Meteor

Development

Page 24: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

DDP + MongoDB

GraphQL + Apollo+ Bring Your Own Data

Page 25: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Apollo:The better GraphQL client

Page 26: Moderne Single Page-Apps mit Meteor - Netlivemypage.netlive.ch/demandit/files/M_D0861CC4DCEF62DFADC/dms/File/Moderne Single Page...mit Meteor 1 Timo Horstschäfer The Future of Web

Moderne Single Page-Apps mit Meteor

26

Timo Horstschäfer The Future of Web Development

08 May 2018