from realtime to isomorphic dart

@usethedartforce#DevFest14 #DartForce

From Realtimeto isomorphic dart

Joris Hermans

Truvo (goldenpages.be)


Schedule

1. History

2. Force MVC & Wired

3. Realtime dart with Dart Force

4. Isomorphic

5. Conclusion


At the end of 2013


So I started with …

Xmlstream (SAX parser)

RSS


But maybe…

Not possible


So I started …

Dart Force

Realtime web framework


In need of …

Not possible to use websockets in IE & Android Browser

So I need to build a polling server

…

No big web server frameworks


Familiar with …

Java spring mvc

Force MVC


Schedule

1. History



4. Isomorphic

5. Conclusion


Force MVCUsed to familiar annotations @Controller,

@RequestMapping, @RequestParam, @PathVariable


Force MVC

Used to familiar annotations @ControllerAdvice,

@ModelAttribute, @ExceptionHandler


Wired

@Config, @Bean, @Autowired, @Qualifier


Wired

@Qualifier


Wired & Force MVC

Used to familiar annotations @Value

properties out of .yaml files


SMALL DEMO


What are people saying?

If you were using Spring MVC on Java you ‘ll feel at home!


Recap

Dart ForceMVC -> Web Application framework, standard http

requests

Wired -> Dependency Injection

Dart Force -> Realtime web framework


Recap – Setup dart project

Bin folder -> serverside code

Web folder -> clientside code


Tip – Setup dart project

pub serve web --port 7777

export DART_PUB_SERVE="http://localhost:7777"

pub run bin/server.dart

Instead of

pub build everytime …


Schedule

1. History



4. Isomorphic

5. Conclusion


Realtime Dart with Dart Force


Realtime Dart with Dart Force

inspired


Communication types

Send data to all

Broadcast data directly to all the clients


Communication types

Send data to one specific Websocket, by his Id

Sending info to profiles


Profile Management

Send information to a specific group

of clients

Examples apps :

- Rooms (facebook)

- Group messaging apps


Profile Management

Clientside

Attach a profile to your communication flow

Send info to a specific profile


Authentication

Secure your messages

Add a securityStrategy to ForceServer


Annotations

You can use annotations with Dart Force


Dart Force – server to server


Dart Force – Internet Of Things


Server to Server communication

Add a ServerSocket connector to ForceServer

ForceClient in a dart:io environment


Dart Force

Realtime demo time


Schedule

1. History



4. Isomorphic


Isomorphic Dart

Wat is Isomorphic?


Isomorphic Dart

ABSTRACTION ABSTRACTION ABSTRACTION

Run your code everywhere


Isomorphic Dart

WHERE?

On the server, in the browser


Isomorphic Dart

R2D2 handling device detection

The same logic only an other way to get useragent


Isomorphic Dart

Yeah but what if I want to run my code against MONGODB

and later on against REDIS or MEMCACHE?

ABSTRACTION ABSTRACTION …


Isomorphic Dart

Cargo is a great example!

Key – value storage everywhere


Isomorphic Dart

Drawing of the cargo space!


Isomorphic Dart

BountyHunterReversed Index (full text search)

Deployable on every possible environment with X persistent possibilities


Isomorphic Dart

ClientHunter …Bountyhunter in the browser

MongoHunter …Bountyhunter with mongoDB


Schedule

1. History



4. Isomorphic

5. Conclusion


Ultimate goal

Combine Dart Force and Cargo more

+ +

like


Upcoming features – first steps


Youtube channel


More on …

ForceUniverse

http://github.com/forceuniverse


Q & A

http://github.com/forceuniverse