{"version":"1.0","provider_name":"Itenium","provider_url":"https:\/\/demo.sidekick.be\/itenium","author_name":"Usdevelop","author_url":"https:\/\/demo.sidekick.be\/itenium\/author\/usdevelop\/","title":"React Component Profiling - Itenium","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"F3mUGYtPCX\"><a href=\"https:\/\/demo.sidekick.be\/itenium\/blog\/javascript\/react-component-profiling\/\">React Component Profiling<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/demo.sidekick.be\/itenium\/blog\/javascript\/react-component-profiling\/embed\/#?secret=F3mUGYtPCX\" width=\"600\" height=\"338\" title=\"&#8220;React Component Profiling&#8221; &#8212; Itenium\" data-secret=\"F3mUGYtPCX\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/demo.sidekick.be\/itenium\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/demo.sidekick.be\/itenium\/wp-content\/uploads\/2025\/11\/react-profiling.png","thumbnail_width":360,"thumbnail_height":300,"description":"Serious rendering performance troubles in confac, our internal React invoicing app. It reads the entire database in memory \ud83d\ude32 and works pretty much exclusively on the frontend with the Redux store, so it\u2019s not the db that is the performance bottleneck for once \ud83d\ude1cWorst case scenario on the \/monthly-invoicing page is a whopping 10s wait time for a single screen to become responsive. Not good."}