{"version":"1.0","provider_name":"InnovationM - Blog","provider_url":"https:\/\/www.innovationm.com\/blog","author_name":"InnovationM Admin","author_url":"https:\/\/www.innovationm.com\/blog\/author\/innovationmadmin\/","title":"Understanding Error Boundaries In React Js - InnovationM - Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"0Dq7ur6oj9\"><a href=\"https:\/\/www.innovationm.com\/blog\/understanding-error-boundaries-in-react-js-2\/\">Understanding Error Boundaries In React Js<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.innovationm.com\/blog\/understanding-error-boundaries-in-react-js-2\/embed\/#?secret=0Dq7ur6oj9\" width=\"600\" height=\"338\" title=\"&#8220;Understanding Error Boundaries In React Js&#8221; &#8212; InnovationM - Blog\" data-secret=\"0Dq7ur6oj9\" 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:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2020\/05\/React-Boundaries.png","thumbnail_width":1141,"thumbnail_height":634,"description":"It is a new feature of React Js introduced in version16. This concept is used for handling UI errors which we face. Before version 16 there is no concept to handle this type of issue, we use try\u2026 catch\u2026 for handling.\u00a0\u00a0 When an error occurs in our app our complete app will crash and our [&hellip;]"}