Open Science Framework: Supporting the research worflow Brian Nosek University of Virginia.
Javascript Worflow Evolution
-
Upload
lorenzo-sicilia -
Category
Technology
-
view
93 -
download
0
Transcript of Javascript Worflow Evolution
the graphic recording marketplace - explainer videos, e-learning pills, micro-contents, presentations & more -
25
DEPLOY • source mapping (css, js) • local testing
DEVelopmeNt
Testing
STAGING / PRODUCTION
• source mapping (css, js) • CI testing
• gzip • uglify • css minifier • image compression • asset revisioning
28
SPA - FACTS checking-
CONS
PROS
• More complexity (ie. memory leak, ) • Javascript MUST be enabled • Linking becomes an issue • Analytics aren't trivial • SEO implications
• Once loaded faster • Better UX • Strict separation of concerns (API)
30
CONS
PROS
• two languages ( client / server ) • two business logic
• Content is the king • Simpler • SEO friendly • URL friendly
MPA - FACTS checking-
34
Isomorphic APP
CONS
PROS• Performance (initial page-load speed) • Maintainability (promote sharing code client / server ) • Progressive enhancements easier (JS not mandatory ) • SEO friendly
• Complex :) • A lot of moving parts
36
A JS BUILD should Handles:• runtime dependencies • build dependencies • bundle JS (uglify) • bundle CSS (minification) • modules loading • testing • multi env client deploy • multi env server deploy ( isomorphic only ) • env settings • image optimization • prepare fonts / icons
https://github.com/aboutlo/gulp-starter-kit
SPA - GULP -
aka programmable pipeline / stream
https://github.com/aboutlo/reactic-hoover
SPA EXPERIMENT - webpack + react + flux -
https://github.com/gpbl/isomorphic500
ISOMORPHIC APP - webpack + react + flux -
TAKE AWAyARCHITECTURE
• Node as presentation server • Invest on the build system • Isomorphic via React.renderToString