{"version":"1.0","provider_name":"ManOrInfinity","provider_url":"https:\/\/manorinfinity.com\/blog","author_name":"manorinfinity","author_url":"https:\/\/manorinfinity.com\/blog\/author\/manorinfinity\/","title":"Loading UI: Quite Convenient feature in NextJS v13","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"zrPumiciwu\"><a href=\"https:\/\/manorinfinity.com\/blog\/2023\/03\/11\/loading-ui-quite-convenient-feature-in-nextjs-v13\/\">Loading UI: Quite Convenient feature in NextJS v13<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/manorinfinity.com\/blog\/2023\/03\/11\/loading-ui-quite-convenient-feature-in-nextjs-v13\/embed\/#?secret=zrPumiciwu\" width=\"600\" height=\"338\" title=\"&#8220;Loading UI: Quite Convenient feature in NextJS v13&#8221; &#8212; ManOrInfinity\" data-secret=\"zrPumiciwu\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\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\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2023\/03\/maxresdefault.png?fit=1280%2C720&ssl=1","thumbnail_width":1280,"thumbnail_height":720,"description":"The websites these days are becoming more and more complex. And we have to load things in parts sometimes as micro components. Or maybe lazy loading some components just to better user experience. When we do this we need to create loader for heavy components that is replaced with the&#8230;"}