Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)

Red Hat Developers
Red Hat DevelopersRed Hat Developers
Write powerful Javascript
modules to make your apps
DRY
DevNation 2016
Brian Leathem
@bleathem
Field Workforce Management
Modularity
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
Nuts and bolts
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
Modularity in Software Engineering
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
At large scale
Keynote Microservices
At small scales: Keeping your code DRY
Don't
Repeat
Yourself
Why DRY?
Bring it back to
javascript
Front-end and back-end
Javascript Libraries
Javascript Build Tools
Testing
Frontend / UI
Javascript Libraries
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
Other libraries
More prescriptive frameworks
Cordova plugins
CSS libraries
Block
Element
Modifier
Backend
Module Packaging & Delivery
Module Repository
Bower is dead.
Npm is king.
Jspm is looking good.
WFM
Modularity
Considerations for a module system
WFM
Design Goals
WFM
Design Constraints
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
In the module:
module.exports = 'wfm.camera';
In the application:
require('fh-wfm-camera')
Mediator Pattern
https://addyosmani.com/largescalejavascript/
mediator.subscribe('wfm:workorder:create:',
function(object, ts) {
self.create(object, ts)
.then(function(object) {
Mediator
.publish('done:wfm:workorder:create:'+ ts,
object);
});
Mediator Pattern in a cloud app
WFM Architecture
Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)
RainCatcher Modules
https://github.com/feedhenry-raincatcher
Demo
1 of 47

More Related Content

What's hot(20)

Offline Html5 3daysOffline Html5 3days
Offline Html5 3days
Shumpei Shiraishi5.2K views
Building Modern Web Apps with MEAN StackBuilding Modern Web Apps with MEAN Stack
Building Modern Web Apps with MEAN Stack
Suresh Patidar2.1K views
Dale Brooks Resume DDale Brooks Resume D
Dale Brooks Resume D
Dale Brooks691 views
Azure Umbraco workshopAzure Umbraco workshop
Azure Umbraco workshop
Orbit One - We create coherence4.6K views
Single page applicationsSingle page applications
Single page applications
Diego Cardozo2.4K views
.Net template solution architecture.Net template solution architecture
.Net template solution architecture
Diogo Gonçalves da Cunha787 views
ASP .NET MVC - best practicesASP .NET MVC - best practices
ASP .NET MVC - best practices
Bohdan Pashkovskyi390 views
Mern stack developementMern stack developement
Mern stack developement
kalyankumar836878556 views
Owning Web PerformanceOwning Web Performance
Owning Web Performance
Wesley Hales566 views
Web Applications Development with MEAN StackWeb Applications Development with MEAN Stack
Web Applications Development with MEAN Stack
Shailendra Chauhan1.1K views

Viewers also liked(20)

Containers: Under The Hood (Vincent Batts)Containers: Under The Hood (Vincent Batts)
Containers: Under The Hood (Vincent Batts)
Red Hat Developers1.5K views
MicroServices for Java Developers MicroServices for Java Developers
MicroServices for Java Developers
Red Hat Developers986 views
 Kubernetes for Java Developers Kubernetes for Java Developers
Kubernetes for Java Developers
Red Hat Developers1.3K views
DevOps Moves To Production (Lori MacVittie)DevOps Moves To Production (Lori MacVittie)
DevOps Moves To Production (Lori MacVittie)
Red Hat Developers1.5K views
Reactive Distributed Applications with Vert.xReactive Distributed Applications with Vert.x
Reactive Distributed Applications with Vert.x
Red Hat Developers2.6K views
TDC 2014 SP - E o DeltaSpike ?TDC 2014 SP - E o DeltaSpike ?
TDC 2014 SP - E o DeltaSpike ?
Rafael Benevides1.2K views
It's not tools, StupidIt's not tools, Stupid
It's not tools, Stupid
ke4qqq2.7K views
CDI Extensions e DeltaSpikeCDI Extensions e DeltaSpike
CDI Extensions e DeltaSpike
Rafael Benevides1.3K views
Agile Is A Four-Letter Word (Jen Krieger)Agile Is A Four-Letter Word (Jen Krieger)
Agile Is A Four-Letter Word (Jen Krieger)
Red Hat Developers1.8K views

Similar to Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)

MVC & backbone.jsMVC & backbone.js
MVC & backbone.jsMohammed Arif
4K views23 slides

Similar to Write Powerful Javascript Modules To Make Your Apps DRY (Brian Leathem)(20)

More from Red Hat Developers(20)