Unpoly - Progressive enhancement framework

download Unpoly - Progressive enhancement framework

If you can't read please download the document

Transcript of Unpoly - Progressive enhancement framework

Unpoly

Progressive enhancement framework( unpoly.com )

Whoami

Senad Uka

A-Net, Compusight, Socialexplorer

Analytics Fire afdc.co

Startup

www.zoblak.com

The Problem

Get performance while avoiding complexity of mainstream approaches

SPA with prerendering vs server generated html + AJAX

Features

Progressive enhancement - speeding up traditional web applications unobtrusively (by sprinkling custom HTML attributes around)

Common UI patterns (scrollable sidebar, popup, autosubmittable form)

Caching

Features

UX tricks ( animations, follow link on mouse down, spinner on slow requests, etc)

Custom tags

Support for old browsers: just turns unsupported features off

Features

Extensibility through up.compiler

Code

Code

Enhancing Sljedea link

Code

Cached!

Code

Showing form in modal Nova link

Code

Extending the code

Sloth

Server side

Backend agnosticcommunication through request headers

Official rails support

Usage with rails

--skip-turbolinks

Gem unpoly-rails

//= require unpoly

Demo

I click around their website! :)

www.unpoly.com

Concept

Progressive enhancement vs graceful degradation

Similar approaches (for performance)

Pjax more granular and more obtrusive

Turbolinks Rails specific, less granular

Should I use it?

Enterprise, down to earth apps

Caring about users with old browsers

Much simpler than modern Javascript hell

Conclusion

Good choice for progressive enhancement

More granular than turbolinks, less obtrusive than pjax

Solves real problems

Relatively well documented

Could be tough to sell (not mainstream)

Thank you!