perf: track context lifecycle hooks

xing · Mar 12, 2018 · a4d7dec · a4d7dec
1 parent 31ee6ad
commit a4d7dec
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/react/node.js b/packages/react/node.js
@@ -68,19 +68,31 @@ var cloneContext = mixinable.replicate(function(initialArgs, newArgs) {
 var renderWithContext = function(reactElement, _context) {
   return function(req, res, next) {
     var renderContext = cloneContext(_context, { request: req, response: res });
+
+    var timings = res.locals.timings;
+    timings.start('hops.react.bootstrap');
     renderContext
       .bootstrap()
       .then(function() {
+        timings.end('hops.react.bootstrap');
+        timings.start('hops.react.enhanceElement');
         return renderContext.enhanceElement(reactElement);
       })
       .then(function(rootElement) {
+        timings.end('hops.react.enhanceElement');
+        timings.start('hops.react.getTemplateData');
+
         return renderContext
           .getTemplateData({}, rootElement)
           .then(function(templateData) {
+            timings.end('hops.react.getTemplateData');
+
             return { templateData: templateData, rootElement: rootElement };
           });
       })
       .then(function(result) {
+        timings.start('hops.react.renderTemplate');
+
         var templateData = result.templateData;
         var rootElement = result.rootElement;
         var markup = renderContext.renderTemplate(
@@ -91,6 +103,8 @@ var renderWithContext = function(reactElement, _context) {
             templateData
           )
         );
+        timings.end('hops.react.renderTemplate');
+
         var routerContext = templateData.routerContext;
         if (routerContext.miss) {
           next();