Apps That Talk Back

Front End Ops Conference, San Francisco, 2014

1. Front End Ops Conf 2014 San Francisco • @rmurphey apps that 
 talk back
3. ˒˒˒ ➞ $$$
7. ˒˒˒ ➞ $$$
8. apps that talk back
9. keep you from 
 doing a bad thing
11. var  spawn  =  require('child_process').spawn;   var  command  =  'grunt';   var  commandOpts  =  ['check:push'];   ! function  onExit  (code)  {      if  (code  !==  0)  {          throw  new  Error('Prepush  check  failed  with  exit  code:  '  +  code);      }      process.exit(code);   }   ! //  Run  it  !!   var  child  =  spawn(  command,  commandOpts,  {  stdio  :  'inherit'  }  );   child.on('exit',  onExit);  
12. BVReporter.assert(      this.componentId,        'View  '  +  this.name  +  '  must  have  componentId'   );
16. tell you when
 you did a bad thing
20. BVTracker.error('No  productId  is  defined');
21. BVTracker.error({      name  :  errorMessages.IMPLEMENTATION,      detail1  :  'No  productId  is  defined',      detail2  :  component.name   });
22. define({      errors  :  {          IMPLEMENTATION  :  'Implementation  Error',          API  :  'API  Error',          UNCAUGHT  :  'Uncaught  Exception',          CONFIG  :  'Configuration  Error',          THIRD_PARTY  :  'Third  Party  Service  Error',          TIMEOUT  :  'Request  Timeout',          UI  :  'User  Interface  Error',          FRAMEWORK  :  'Framework  Error'      }   });
26. “scout”  file customer  requests  component(s) core  application  file data render  of  component  1 render  of  component  2 submission  
 interaction submission
 resources submission   render *  not  to  scale  (i  hope)
27. “scout”  file customer  requests  component(s) core  application  file data render  of  component  1 render  of  component  2 submission  
 interaction submission
 resources submission   render
28. identify things before they are things
32. help fix the things
37. priorities
38. ✅ assertions ✅ git hooks (jshint, jscs, unit tests) ✅ error classification & reporting ✅ production monitoring ⬆️ production debugging ⬆️ build optimization via coverage analysis ⬆️ build size monitoring ⬆️ performance instrumentation ❌ error alerting ❌ performance monitoring
39. @rmurphey • rmurphey.com bazaarvoice.com