{"id":14636,"date":"2022-11-28T19:46:53","date_gmt":"2022-11-28T14:16:53","guid":{"rendered":"https:\/\/www.interviewbit.com\/blog\/?post_type=web-story&#038;p=14636"},"modified":"2022-11-28T19:46:56","modified_gmt":"2022-11-28T14:16:56","slug":"a-quick-overview-of-react-components","status":"publish","type":"web-story","link":"https:\/\/www.interviewbit.com\/blog\/web-stories\/a-quick-overview-of-react-components\/","title":{"rendered":"A Quick Overview of React Components"},"content":{"rendered":"<p><html amp=\"\" lang=\"en\"><head><meta charSet=\"utf-8\"\/><meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\"\/><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0.js\"><\/script><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-story-1.0.js\" custom-element=\"amp-story\"><\/script><link href=\"https:\/\/fonts.googleapis.com\/css2?display=swap&amp;family=Darker+Grotesque%3Awght%40400%3B700&amp;family=Roboto%3Awght%40400%3B700&amp;family=Poppins%3Awght%40700\" rel=\"stylesheet\"\/><link href=\"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=6630&amp;h=9940&amp;fit=max\" rel=\"preload\" as=\"image\"\/>\n<style amp-boilerplate=\"\">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}<\/style>\n<p><noscript><\/p>\n<style amp-boilerplate=\"\">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}<\/style>\n<p><\/noscript><\/p>\n<style amp-custom=\"\">\n              h1, h2, h3 { font-weight: normal; }<\/p>\n<p>              amp-story-page {\n                background-color: #131516;\n              }<\/p>\n<p>              amp-story-grid-layer {\n                overflow: visible;\n              }<\/p>\n<p>              @media (max-aspect-ratio: 9 \/ 16)  {\n                @media (min-aspect-ratio: 320 \/ 678) {\n                  amp-story-grid-layer.grid-layer {\n                    margin-top: calc((100% \/ 0.5625 - 100% \/ 0.6666666666666666) \/ 2);\n                  }\n                }\n              }<\/p>\n<p>              @media not all and (min-resolution:.001dpcm) {\n                @media {\n                  p.text-wrapper > span {\n                    font-size: calc(100% - 0.5px);\n                  }\n                }\n              }<\/p>\n<p>              .page-fullbleed-area,\n              .page-background-overlay-area {\n                position: absolute;\n                overflow: hidden;\n                width: 100%;\n                left: 0;\n                height: calc(1.1851851851851851 * 100%);\n                top: calc((1 - 1.1851851851851851) * 100% \/ 2);\n              }<\/p>\n<p>              .element-overlay-area {\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                top: 0;\n                left: 0;\n              }<\/p>\n<p>              .page-safe-area {\n                overflow: visible;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                width: 100%;\n                height: calc(0.84375 * 100%);\n                margin: auto 0;\n              }<\/p>\n<p>              .mask {\n                position: absolute;\n                overflow: hidden;\n              }<\/p>\n<p>              .fill {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                margin: 0;\n              }<\/p>\n<p>              @media (prefers-reduced-motion: no-preference) {\n                .animation-wrapper {\n                  opacity: var(--initial-opacity);\n                  transform: var(--initial-transform);\n                }\n              }<\/p>\n<p>              amp-story-grid-layer.align-bottom {\n                align-content: end;\n                padding: 0;\n              }<\/p>\n<p>              .captions-area {\n                padding: 0 32px 0;\n              }<\/p>\n<p>              amp-story-captions {\n                margin-bottom: 16px;\n                text-align: center;\n              }<\/p>\n<p>              amp-story-captions span {\n                display: inline-block;\n                margin: 0;\n                padding: 6px 12px;\n                vertical-align: middle;\n                border-radius: 15px;\n                background: rgba(11, 11, 11, 0.6);\n                color: rgba(255, 255, 255, 1);\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;;\n                font-size: calc(4 * var(--story-page-vw));\n                line-height: 1.4;\n                word-break: break-word;\n                word-wrap: break-word;\n                overflow-wrap: break-word;\n              }\n              <\/style>\n<p><meta name=\"web-stories-replace-head-start\"\/><title>A Quick Overview of React Components<\/title><link rel=\"canonical\" href=\"https:\/\/www.interviewbit.com\/blog\/?post_type=web-story&amp;p=14636\"\/><meta name=\"web-stories-replace-head-end\"\/><\/head><body><amp-story standalone=\"\" publisher=\"InterviewBit\" publisher-logo-src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/cropped-tumblr-logo.png\" title=\"A Quick Overview of React Components\" poster-portrait-src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/11\/cropped-React-Components.png\"><amp-story-page id=\"039bee5f-dd9a-4634-90e1-781b45874a59\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c470831b-9e1e-4e29-a161-8a0b342e07e2\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-0a13f362-5371-42d6-b5ad-09accb7e7c58\",\"keyframes\":{\"transform\":[\"translate3d(0px, -290.30183%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f3d9d9\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-f83308b3-5f28-4573-825a-ab927f2d51f6\">\n<div style=\"position:absolute;width:118.57814%;height:100%;left:-9.28907%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=6630&amp;h=9940&amp;fit=max\" alt=\"woman in black shirt using computer\" srcSet=\"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=6630&amp;h=9940&amp;fit=max 6630w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=5304&amp;h=7952&amp;fit=max 5304w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=3978&amp;h=5964&amp;fit=max 3978w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=2652&amp;h=3976&amp;fit=max 2652w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=1326&amp;h=1988&amp;fit=max 1326w,https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&amp;ixlib=rb-4.0.3&amp;fm=jpg&amp;w=340&amp;h=510&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-ea251a16-bb73-4d60-8d67-8b48c3a5f099\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:8.73786%;top:44.01294%;width:82.03883%;height:27.99353%;opacity:1\">\n<div id=\"anim-c470831b-9e1e-4e29-a161-8a0b342e07e2\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-0a13f362-5371-42d6-b5ad-09accb7e7c58\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -290.30183%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.591715976331361% 0.591715976331361% 0.591715976331361% 0.591715976331361% \/ 1.1560693641618496% 1.1560693641618496% 1.1560693641618496% 1.1560693641618496%\" id=\"el-18e3d99a-85c3-40cb-af0f-4ff55fe3eaa6\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0.8076923076923079% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.566343em;line-height:1.2;text-align:initial;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #ff4d6d\">Is it possible to group independent code and make it reusable in program?<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"f4981294-aa5d-488c-8a6c-880eb6a310bc\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-4cd70a0f-e772-47da-886b-9fb98c5df710\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-1d5033cf-4d7c-42c9-b59c-36dc914018c1\",\"keyframes\":{\"transform\":[\"translate3d(0px, -345.11562%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-2407b4b1-a058-459d-8031-68a3090ce8ad [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(7.812499744007886%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.14,.34,.47,.9)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e350eaf8-a402-4719-97a2-339bc95ab0ed\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-15cbb657-7c67-4871-b04a-230f5496cb46\",\"keyframes\":{\"transform\":[\"translate3d(0px, -424.10534%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-97cb808c-d107-44b6-8f41-ad3ff2cca85d\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c9910ab2-5e49-4bb5-92d9-f3d1207ca014\",\"keyframes\":{\"transform\":[\"translate3d(0px, -700.45366%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#d9d9d9\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-2407b4b1-a058-459d-8031-68a3090ce8ad\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-45edd8cc-1669-4671-acd2-9562350a0232\">\n<div style=\"position:absolute;width:118.51852%;height:100%;left:-9.25926%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=3456&amp;h=5184&amp;fit=max\" alt=\"man writing on white paper\" srcSet=\"https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=3456&amp;h=5184&amp;fit=max 3456w,https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=2764&amp;h=4146&amp;fit=max 2764w,https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=2073&amp;h=3110&amp;fit=max 2073w,https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=1382&amp;h=2073&amp;fit=max 1382w,https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=691&amp;h=1037&amp;fit=max 691w,https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=340&amp;h=510&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:5.58252%;top:49.83819%;width:88.83495%;height:24.11003%;opacity:1\">\n<div id=\"anim-4cd70a0f-e772-47da-886b-9fb98c5df710\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-1d5033cf-4d7c-42c9-b59c-36dc914018c1\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -345.11562%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.546448087431694% 0.546448087431694% 0.546448087431694% 0.546448087431694% \/ 1.342281879194631% 1.342281879194631% 1.342281879194631% 1.342281879194631%\" id=\"el-6e9d2941-9828-4fb0-9659-31fedc6f84fc\">\n<h2 id=\"components-in-react-are-used-to-group-independent-code-and-make-it-reusable-across-different-parts-of-the-application\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0.6393442622950819% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.485437em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"color: #fff\">Components in React are used to group independent code and make it reusable across different parts of the application.<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-6cc1faa7-56dc-433b-8519-79268c4850b9\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:25.97087%;top:21.68285%;width:53.15534%;height:9.54693%;opacity:1\">\n<div id=\"anim-e350eaf8-a402-4719-97a2-339bc95ab0ed\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-15cbb657-7c67-4871-b04a-230f5496cb46\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -424.10534%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.91324200913242% 0.91324200913242% 0.91324200913242% 0.91324200913242% \/ 3.389830508474576% 3.389830508474576% 3.389830508474576% 3.389830508474576%\" id=\"el-8ad86839-1044-484a-813c-54a4ecdb2515\">\n<h1 id=\"yes-it-is\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.3210616438356164% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.809061em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Yes, it is..<\/span><\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:37.62136%;top:38.34951%;width:18.20388%;height:7.9288%;opacity:1\">\n<div id=\"anim-97cb808c-d107-44b6-8f41-ad3ff2cca85d\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-c9910ab2-5e49-4bb5-92d9-f3d1207ca014\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -700.45366%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-fa9ddd12-cd0c-4dfa-9872-9303ca55e342\">\n<div style=\"position:absolute;width:100%;height:105.27817%;left:0%;top:-2.63908%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/media.tenor.com\/nByXaSdQ13EAAAAi\/down-arrow-going-down.gif\" alt=\"Down Arrow Going Down Sticker\" srcSet=\"https:\/\/media.tenor.com\/nByXaSdQ13EAAAAi\/down-arrow-going-down.gif 394w,https:\/\/media.tenor.com\/nByXaSdQ13EAAAAj\/down-arrow-going-down.gif 200w,https:\/\/media.tenor.com\/nByXaSdQ13EAAAAk\/down-arrow-going-down.gif 90w\" sizes=\"(min-width: 1024px) 8vh, 18vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/Components-of-Data-Warehouse-1-2048x1000.png\"><a href=\"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&amp;utm_medium=react-components&amp;utm_campaign=webstories\" rel=\"\">Read More<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"7475a312-090b-4904-a1e7-c092b5a9d208\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-0589a182-947e-449a-bdea-59c93e4e0e90\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-6402ca62-2a7b-4206-8d3f-d2af33518f59\",\"keyframes\":{\"transform\":[\"translate3d(0px, -465.41838%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c4a68031-14df-4a4f-bc0e-54c4c454168b [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(7.812499744007886%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.14,.34,.47,.9)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f3f3f3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-c4a68031-14df-4a4f-bc0e-54c4c454168b\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-7cf9d1d8-3d90-467c-8891-d45926c8b211\">\n<div style=\"position:absolute;width:118.51852%;height:100%;left:-9.25926%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4000&amp;h=6000&amp;fit=max\" alt=\"woman leaning at the table\" srcSet=\"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4000&amp;h=6000&amp;fit=max 4000w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=3200&amp;h=4800&amp;fit=max 3200w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=2400&amp;h=3600&amp;fit=max 2400w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=1600&amp;h=2400&amp;fit=max 1600w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=800&amp;h=1200&amp;fit=max 800w,https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=340&amp;h=510&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:8.73786%;top:43.3657%;width:86.8932%;height:14.40129%;opacity:1\">\n<div id=\"anim-0589a182-947e-449a-bdea-59c93e4e0e90\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-6402ca62-2a7b-4206-8d3f-d2af33518f59\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -465.41838%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5586592178770949% 0.5586592178770949% 0.5586592178770949% 0.5586592178770949% \/ 2.247191011235955% 2.247191011235955% 2.247191011235955% 2.247191011235955%\" id=\"el-89e0b125-ab89-4efb-bf13-d9d129cc75e2\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0.7625698324022347% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.566343em;line-height:1.2;text-align:initial;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #ff4d6d\">Now let&#8217;s understand react and its components.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-02b12203-ca5e-46c5-a6b5-5d807cb104c2\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/React-Components-2048x1000.png\"><a href=\"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&amp;utm_medium=react-components&amp;utm_campaign=webstories\" rel=\"\">Read More<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"cd57867d-e34a-4b0c-af12-ad492d46f078\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-a3095110-c49d-4e00-bb78-36d0a98cc40c [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(6.846869328454303%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.14,.34,.47,.9)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-84b859f1-daf5-4806-98a9-d7b9893e8021\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-f6f3d3ca-c704-473f-b7f5-41a0a9c016b9\",\"keyframes\":{\"transform\":[\"translate3d(0px, -207.08065%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-9186c502-888b-4667-bff3-f48a21055584\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-73b8e8d9-be49-4827-ba1e-09b5eafea228\",\"keyframes\":{\"transform\":[\"translate3d(0px, -265.7114%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#d9d9c0\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-a3095110-c49d-4e00-bb78-36d0a98cc40c\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-048aa9e4-e712-4700-a606-585ab62d5d29\">\n<div style=\"position:absolute;width:115.86645%;height:100%;left:-7.93323%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=3466&amp;h=5318&amp;fit=max\" alt=\"woman in red blazer holding white paper\" srcSet=\"https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=3466&amp;h=5318&amp;fit=max 3466w,https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=2772&amp;h=4253&amp;fit=max 2772w,https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=2079&amp;h=3190&amp;fit=max 2079w,https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=1386&amp;h=2127&amp;fit=max 1386w,https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=693&amp;h=1063&amp;fit=max 693w,https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=340&amp;h=522&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 52vh, 116vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-13.83495%;top:39.80583%;width:139.56311%;height:59.54693%;transform:rotate(10deg);opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-76c7ddf8-f11b-4fdd-b970-7ca328c65031\">\n<div class=\"fill\" style=\"background-color:rgba(201,24,74,0.5);will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-6bd2e494-0066-4b59-8260-9658bd46986e\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:0;top:8.41424%;width:100%;height:16.50485%;opacity:1\">\n<div id=\"anim-84b859f1-daf5-4806-98a9-d7b9893e8021\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-f6f3d3ca-c704-473f-b7f5-41a0a9c016b9\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -207.08065%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.48543689320388345% 0.48543689320388345% 0.48543689320388345% 0.48543689320388345% \/ 1.9607843137254901% 1.9607843137254901% 1.9607843137254901% 1.9607843137254901%;background-clip:content-box;background-color:#000\" id=\"el-888b652c-72c3-49c8-935a-2cc29b5cc044\">\n<h1 id=\"introduction-to-react\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.08798543689320319% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.647249em;line-height:1.19;text-align:center;padding:0.9708737864077669% 1.9417475728155338%;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Introduction to&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">REACT<\/span><\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:7.28155%;top:50%;width:85.67961%;height:35.76052%;opacity:1\">\n<div id=\"anim-9186c502-888b-4667-bff3-f48a21055584\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-73b8e8d9-be49-4827-ba1e-09b5eafea228\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -265.7114%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.56657223796034% 0.56657223796034% 0.56657223796034% 0.56657223796034% \/ 0.904977375565611% 0.904977375565611% 0.904977375565611% 0.904977375565611%\" id=\"el-01611ffe-9c65-4319-9adc-39c29df2b9d7\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0.6628895184135977% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.485437em;line-height:1.2;text-align:initial;padding:0;color:#000000\"><span><span style=\"color: #fff\">An open-source JavaScript library for creating rich user interfaces. You can have a responsive design, quick user interaction, smooth transitions, faster content loading, etc.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/React-Components-2048x1000.png\"><a href=\"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&amp;utm_medium=react-components&amp;utm_campaign=webstories\" rel=\"\">Read More<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"31fdfdff-2dbc-4ebb-8700-095521d60841\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-79213472-0b34-4009-ac8c-8379c1868a05\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-d5ea4ec1-c36c-42eb-b30d-1b037f5d6479\",\"keyframes\":{\"transform\":[\"translate3d(0px, -210.69254%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-1e15b9b9-4789-4cde-b32e-782da5422e39 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate3d(7.868525640762189%, 0, 0) translate(25%, 0%) scale(1.5)\",\"translate3d(0%, 0, 0) translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.14,.34,.47,.9)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-7e8a6986-5ee1-448f-a67d-948aa242987d\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-a08c510e-1a1b-41b9-81cf-f0bd7eaefb5c\",\"keyframes\":{\"transform\":[\"translate3d(0px, -207.08065%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f3f3f3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-1e15b9b9-4789-4cde-b32e-782da5422e39\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e7faba9e-a9a1-4f05-819d-72f2dffc8df2\">\n<div style=\"position:absolute;width:118.67612%;height:100%;left:-9.33806%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4016&amp;h=6016&amp;fit=max\" alt=\"shallow focus photo of woman using MacBook\" srcSet=\"https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4016&amp;h=6016&amp;fit=max 4016w,https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=3212&amp;h=4812&amp;fit=max 3212w,https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=2409&amp;h=3609&amp;fit=max 2409w,https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=1606&amp;h=2406&amp;fit=max 1606w,https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=803&amp;h=1203&amp;fit=max 803w,https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=340&amp;h=509&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 53vh, 119vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-color:rgba(0,0,0,0.5)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-13.83495%;top:39.80583%;width:139.56311%;height:59.54693%;transform:rotate(10deg);opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e564704d-ee72-4d2a-b3f2-522089917dca\">\n<div class=\"fill\" style=\"background-color:rgba(201,24,74,0.5);will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:9.70874%;top:43.04207%;width:85.67961%;height:47.24919%;opacity:1\">\n<div id=\"anim-79213472-0b34-4009-ac8c-8379c1868a05\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-d5ea4ec1-c36c-42eb-b30d-1b037f5d6479\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -210.69254%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.56657223796034% 0.56657223796034% 0.56657223796034% 0.56657223796034% \/ 0.684931506849315% 0.684931506849315% 0.684931506849315% 0.684931506849315%\" id=\"el-d7950025-27d2-4422-aa84-506fcb59ffca\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0.6628895184135977% 0;font-family:&quot;Darker Grotesque&quot;,sans-serif;font-size:0.485437em;line-height:1.2;text-align:initial;padding:0;color:#000000\"><span><span style=\"color: #fff\">React consists of various components that are part of User interface. There are 2 types of Components in React- &nbsp;<\/span><\/p>\n<p><span style=\"color: #fff\">1. Stateless Functional&nbsp;<\/span><br \/>\n<span style=\"color: #fff\">2. Components Stateful Class Components<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-5339da21-7a91-4913-9d78-9538a6c595fd\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:0;top:8.41424%;width:100%;height:16.50485%;opacity:1\">\n<div id=\"anim-7e8a6986-5ee1-448f-a67d-948aa242987d\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-a08c510e-1a1b-41b9-81cf-f0bd7eaefb5c\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -207.08065%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.48543689320388345% 0.48543689320388345% 0.48543689320388345% 0.48543689320388345% \/ 1.9607843137254901% 1.9607843137254901% 1.9607843137254901% 1.9607843137254901%;background-clip:content-box;background-color:#000\" id=\"el-a21058c1-457a-48ed-b2dd-a44b01dfc71c\">\n<h1 id=\"components-of-react\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.08798543689320319% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.647249em;line-height:1.19;text-align:center;padding:0.9708737864077669% 1.9417475728155338%;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Components of&nbsp;<\/span><br \/>\n<span style=\"font-weight: 700; color: #fff\">REACT<\/span><\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/React-Components-2048x1000.png\"><a href=\"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&amp;utm_medium=react-components&amp;utm_campaign=webstories\" rel=\"\">Read More<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"4c8e1b8b-8c10-4ac1-a12e-2ccea42ab439\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-2827d782-a46b-4452-813b-6abda6abfdf0\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-6f0fa9ba-a841-4a77-b95c-e606a99ef14e\",\"keyframes\":{\"transform\":[\"translate3d(0px, -168.2349%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-23d798a0-89bb-457a-ae95-b13c74c5a26d\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c8ef9e87-1c21-471d-ad3d-d5a9cc4c7fda\",\"keyframes\":{\"transform\":[\"translate3d(0px, -1772.06357%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#262626\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-f4e948f5-d736-4ce4-a3ee-88747553cffd\">\n<div style=\"position:absolute;width:267.66542%;height:100%;left:-83.83271%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4288&amp;h=2848&amp;fit=max\" alt=\"person using track pad\" srcSet=\"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=4288&amp;h=2848&amp;fit=max 4288w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=3430&amp;h=2278&amp;fit=max 3430w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=2572&amp;h=1708&amp;fit=max 2572w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=1715&amp;h=1139&amp;fit=max 1715w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=857&amp;h=569&amp;fit=max 857w,https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&amp;ixlib=rb-1.2.1&amp;fm=jpg&amp;w=340&amp;h=226&amp;fit=max 340w\" sizes=\"(min-width: 1024px) 121vh, 268vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<div class=\"element-overlay-area\" style=\"background-image:linear-gradient(0.5turn, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 100%)\"><\/div>\n<\/div>\n<\/div>\n<div class=\"page-background-overlay-area\" style=\"background-image:linear-gradient(0.5turn, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 100%)\"><\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:4.85437%;top:4.36893%;width:19.66019%;height:45.79288%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" id=\"el-767928e9-9468-438e-bb74-51804c911c2c\">\n<h1 id=\"\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:49.876543209876516% 0;font-family:&quot;Poppins&quot;,sans-serif;font-size:3.268608em;line-height:1;text-align:initial;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">\u201c<\/span><\/span><\/h1>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:7.28155%;top:47.24919%;width:179.36893%;height:4.36893%;transform:rotate(270deg);opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-c189f7a2-ccce-408a-95ed-7359e651e06d\">\n<div class=\"fill\" style=\"background-color:#c9184a;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:5.09709%;top:27.50809%;width:80.09709%;height:53.8835%;opacity:1\">\n<div id=\"anim-2827d782-a46b-4452-813b-6abda6abfdf0\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-6f0fa9ba-a841-4a77-b95c-e606a99ef14e\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -168.2349%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" id=\"el-54cdc3d5-2ac7-4aa9-9aa7-364e59edb3df\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:1.3636363636363624% 0;font-family:&quot;Poppins&quot;,sans-serif;font-size:0.728155em;line-height:1.2;text-align:initial;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #fff\">Get an overview of REACT components and how they differ.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:33.73786%;top:85.43689%;width:48.54369%;height:5.66343%;opacity:1\">\n<div id=\"anim-23d798a0-89bb-457a-ae95-b13c74c5a26d\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-c8ef9e87-1c21-471d-ad3d-d5a9cc4c7fda\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -1772.06357%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:1% 1% 1% 1% \/ 5.714285714285714% 5.714285714285714% 5.714285714285714% 5.714285714285714%\" id=\"el-83d740a7-250d-49cb-b7d9-9712d7d52b7d\">\n<h2 id=\"click-here\" class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.2109375% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.485437em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span><span style=\"color: #c9184a\">Click Here&#8230;<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-0.72816%;top:-6.47249%;width:43.68932%;height:9.70874%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-499f4e5c-961c-4804-8c90-d8db60a5239a\">\n<div style=\"position:absolute;width:100.28251%;height:100%;left:-0.14125%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png\" alt=\"InterviewBit-White-2\" srcSet=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png 2130w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png 2048w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png 1536w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png 1024w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png 768w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png 300w,https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png 150w\" sizes=\"(min-width: 1024px) 20vh, 44vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/React-Components-2048x1000.png\"><a href=\"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&amp;utm_medium=react-components&amp;utm_campaign=webstories\" rel=\"\">SWIPE UP<\/a><\/amp-story-page-outlink><\/amp-story-page><\/amp-story><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"The purpose of this web story is to provide you with a deep dive into the various components of React, as well as their interactions.\n","protected":false},"author":21,"featured_media":14638,"template":"","meta":{"_daextam_enable_autolinks":"","web_stories_products":[],"web_stories_publisher_logo":1082,"web_stories_poster":[]},"web_story_category":[1963],"web_story_tag":[2038,2037],"amp_enabled":false,"story_data":{"version":43,"pages":[{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":48,"y":0,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"f83308b3-5f28-4573-825a-ab927f2d51f6","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1","scale":100,"focalX":50,"focalY":50,"resource":{"baseColor":"#f3d9d9","blurHash":"LhHn?As.S5WB01RkjZRj?ajuM{of","type":"image","mimeType":"image\/jpeg","creationDate":"2020-02-07T15:17:48Z","src":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&ixlib=rb-4.0.3&fm=jpg&w=6630&h=9940&fit=max","width":6630,"height":9940,"id":"media\/unsplash:3cx_tx4h9oI","alt":"woman in black shirt using computer","sizes":{"full":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&ixlib=rb-4.0.3&fm=jpg&w=6630&h=9940&fit=max","mimeType":"image\/jpeg","width":6630,"height":9940},"large":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&ixlib=rb-4.0.3&fm=jpg&w=5304&h=7952&fit=max","mimeType":"image\/jpeg","width":5304,"height":7952},"3978_5964":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&ixlib=rb-4.0.3&fm=jpg&w=3978&h=5964&fit=max","mimeType":"image\/jpeg","width":3978,"height":5964},"2652_3976":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&ixlib=rb-4.0.3&fm=jpg&w=2652&h=3976&fit=max","mimeType":"image\/jpeg","width":2652,"height":3976},"1326_1988":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&ixlib=rb-4.0.3&fm=jpg&w=1326&h=1988&fit=max","mimeType":"image\/jpeg","width":1326,"height":1988},"web_stories_thumbnail":{"file":"media\/unsplash:3cx_tx4h9oI","sourceUrl":"https:\/\/images.unsplash.com\/photo-1581087724844-037b13e16b0b?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw5N3x8c29mdHdhcmUlMjBkZXZlbG9wZXJ8ZW58MHx8fHwxNjY4NjkwMjA4&ixlib=rb-4.0.3&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"attribution":{"author":{"displayName":"ThisisEngineering RAEng","url":"https:\/\/unsplash.com\/@thisisengineering?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AWJwhCE3txY4%2BnJqL6M1wzcDLXGvI8rtcbgeWkZMZ8YmNrkQiU51qkc7ePECVy%2BtWeqo38KkekKs%2Bg6FJdf9mF1xh%2B%2B19kA3Yf2ldk7qioks3QsXW0svYaIHNsk9tyBjUtVHvANanuI1QGLvg%2B8pdibJzvvtssNx6jhQeRqTPdmkl8Gwl0\/qBlZEa7r3\/3QuXcUmKipFNGOKL%2BEprEEeRVX\/nPX3yN8izz8Xc1hClkFDOrLLCnuxHuHZ07E41XfVBs\/E7A%3D%3D"},"isPlaceholder":false,"isOptimized":false,"isMuted":false,"isExternal":true,"needsProxy":false},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"type":"image","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"basedOn":"747a5370-3a95-4a7f-a148-b0f6146a6c43","id":"ea251a16-bb73-4d60-8d67-8b48c3a5f099"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque","fallbacks":["sans-serif"],"weights":[300,400,500,600,700,800,900],"styles":["regular"],"variants":[[0,300],[0,400],[0,500],[0,600],[0,700],[0,800],[0,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1060,"des":-296,"tAsc":1060,"tDes":-296,"tLGap":0,"wAsc":1060,"wDes":296,"xH":406,"capH":563,"yMin":-296,"yMax":1060,"hAsc":1060,"hDes":-296,"lGap":0}},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #ff4d6d\">Is it possible to group independent code and make it reusable in program?<\/span>","fontWeight":400,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":36,"y":272,"width":338,"height":173,"scale":100,"focalX":50,"focalY":50,"type":"text","tagName":"p","basedOn":"89e0b125-ab89-4efb-bf13-d9d129cc75e2","id":"18e3d99a-85c3-40cb-af0f-4ff55fe3eaa6"}],"animations":[{"targets":["18e3d99a-85c3-40cb-af0f-4ff55fe3eaa6"],"id":"28d6e7d1-641f-43b3-920d-8b2669e760d9","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0}],"backgroundColor":{"color":{"r":0,"g":0,"b":0}},"type":"page","id":"039bee5f-dd9a-4634-90e1-781b45874a59","pageTemplateType":"cover","groups":{"43822f2d-e2ce-445d-ac82-13372d91db61":{"name":"Background","isLocked":true,"isCollapsed":true}},"defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"72b1402c-afe3-4407-ad92-d2585cb93d30","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":48,"y":0,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"45edd8cc-1669-4671-acd2-9562350a0232","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1","scale":100,"focalX":50,"focalY":50,"resource":{"baseColor":"#d9d9d9","blurHash":"LbJ[02bI-:M{.8ahWCRk~qtRM{oe","type":"image","mimeType":"image\/jpeg","creationDate":"2017-10-09T08:22:28Z","src":"https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=3456&h=5184&fit=max","width":3456,"height":5184,"id":"media\/unsplash:EI50ZDA-l8Y","alt":"man writing on white paper","sizes":{"full":{"file":"media\/unsplash:EI50ZDA-l8Y","sourceUrl":"https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=3456&h=5184&fit=max","mimeType":"image\/jpeg","width":3456,"height":5184},"large":{"file":"media\/unsplash:EI50ZDA-l8Y","sourceUrl":"https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=2764&h=4146&fit=max","mimeType":"image\/jpeg","width":2764,"height":4146},"2073_3110":{"file":"media\/unsplash:EI50ZDA-l8Y","sourceUrl":"https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=2073&h=3110&fit=max","mimeType":"image\/jpeg","width":2073,"height":3110},"1382_2073":{"file":"media\/unsplash:EI50ZDA-l8Y","sourceUrl":"https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=1382&h=2073&fit=max","mimeType":"image\/jpeg","width":1382,"height":2073},"691_1037":{"file":"media\/unsplash:EI50ZDA-l8Y","sourceUrl":"https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=691&h=1037&fit=max","mimeType":"image\/jpeg","width":691,"height":1037},"web_stories_thumbnail":{"file":"media\/unsplash:EI50ZDA-l8Y","sourceUrl":"https:\/\/images.unsplash.com\/photo-1507537297725-24a1c029d3ca?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNXx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"attribution":{"author":{"displayName":"LinkedIn Sales Solutions","url":"https:\/\/unsplash.com\/@linkedinsalesnavigator?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AQBR4toQJsPEvIQ3Af2nHFDA\/f6JdPDm8BDz\/XW8Bgjsq7s\/kZbD1rrrtHkoytlDakNCFpp7JW5pES58hyR1D7exLnlgOWnh9pMyoaS6qAqP25hdNW%2BwIy8JAEgoz01MTTXy6Tmxob2LkZ\/\/mq6xD2t4DLdHeY%2BCjp7uZyBhvnubB\/oyf3Qmh1rqbP5HZ93YxY8p3C\/YiHbSH4TfeZ1o011iHg3yjw3vyopYX0AXzEaGbg%3D%3D"},"isPlaceholder":false,"isOptimized":false,"isMuted":false,"isExternal":true,"needsProxy":false},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque","fallbacks":["sans-serif"],"weights":[300,400,500,600,700,800,900],"styles":["regular"],"variants":[[0,300],[0,400],[0,500],[0,600],[0,700],[0,800],[0,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1060,"des":-296,"tAsc":1060,"tDes":-296,"tLGap":0,"wAsc":1060,"wDes":296,"xH":406,"capH":563,"yMin":-296,"yMax":1060,"hAsc":1060,"hDes":-296,"lGap":0}},"fontSize":30,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"type":"text","content":"<span style=\"color: #fff\">Components in React are used to group independent code and make it reusable across different parts of the application.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":23,"y":308,"width":366,"height":149,"scale":100,"focalX":50,"focalY":50,"id":"6e9d2941-9828-4fb0-9659-31fedc6f84fc"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"type":"image","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"basedOn":"ea251a16-bb73-4d60-8d67-8b48c3a5f099","id":"6cc1faa7-56dc-433b-8519-79268c4850b9"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto","fallbacks":["sans-serif"],"weights":[100,300,400,500,700,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,700],[1,700],[0,900],[1,900]],"service":"fonts.google.com","metrics":{"upm":2048,"asc":1900,"des":-500,"tAsc":1536,"tDes":-512,"tLGap":102,"wAsc":1946,"wDes":512,"xH":1082,"capH":1456,"yMin":-555,"yMax":2163,"hAsc":1900,"hDes":-500,"lGap":0}},"fontSize":50,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"type":"text","content":"<span style=\"font-weight: 700; color: #fff\">Yes, it is..<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":107,"y":134,"width":219,"height":59,"scale":100,"focalX":50,"focalY":50,"id":"8ad86839-1044-484a-813c-54a4ecdb2515"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":100,"focalX":50,"focalY":50,"resource":{"baseColor":"#fc0404","type":"image","mimeType":"image\/gif","creationDate":"2020-07-19T14:50:15Z","src":"https:\/\/media.tenor.com\/nByXaSdQ13EAAAAi\/down-arrow-going-down.gif","width":394,"height":271,"id":"media\/tenor:11249032447151626097","alt":"Down Arrow Going Down Sticker","sizes":{"full":{"file":"media\/tenor:11249032447151626097","sourceUrl":"https:\/\/media.tenor.com\/nByXaSdQ13EAAAAi\/down-arrow-going-down.gif","mimeType":"image\/gif","width":394,"height":271},"large":{"file":"media\/tenor:11249032447151626097","sourceUrl":"https:\/\/c.tenor.com\/nByXaSdQ13EAAAAq\/tenor.gif","mimeType":"image\/gif","width":394,"height":271},"200_138":{"file":"media\/tenor:11249032447151626097","sourceUrl":"https:\/\/media.tenor.com\/nByXaSdQ13EAAAAj\/down-arrow-going-down.gif","mimeType":"image\/gif","width":200,"height":138},"web_stories_thumbnail":{"file":"media\/tenor:11249032447151626097","sourceUrl":"https:\/\/media.tenor.com\/nByXaSdQ13EAAAAk\/down-arrow-going-down.gif","mimeType":"image\/gif","width":90,"height":62}},"attribution":{"author":{"displayName":"rohitjoshi","url":"https:\/\/tenor.com\/users\/rohitjoshi"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AWJwhCFKIaA6uZxVU5QidP18agUJLAqfjyztvlKfTcehY7\/n\/Qm47SbjgAl3dZeElvvTiZZc7E4FAHC%2BExsnTDWTEPjjpIQ%3D"},"isPlaceholder":false,"isOptimized":false,"isMuted":false,"isExternal":true,"needsProxy":false},"type":"image","x":155,"y":237,"width":75,"height":49,"mask":{"type":"rectangle","showInLibrary":true,"name":"Rectangle","path":"M 0,0 1,0 1,1 0,1 0,0 Z","ratio":1,"supportsBorder":true},"id":"fa9ddd12-cd0c-4dfa-9872-9303ca55e342"}],"animations":[{"id":"b2c57a37-f882-47b3-9fe8-ad5edf60d4e3","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["6e9d2941-9828-4fb0-9659-31fedc6f84fc"]},{"id":"cd4400cb-ef15-4ab0-8245-c6eefa623ce1","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut","targets":["45edd8cc-1669-4671-acd2-9562350a0232"]},{"id":"ee0a88f8-6cd2-4e7b-8ae4-ab7fbd6287bf","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["8ad86839-1044-484a-813c-54a4ecdb2515"]},{"id":"4915e3ac-a959-41ae-baeb-01b662b20629","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["fa9ddd12-cd0c-4dfa-9872-9303ca55e342"]}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"type":"page","id":"f4981294-aa5d-488c-8a6c-880eb6a310bc","pageTemplateType":"cover","groups":{"43822f2d-e2ce-445d-ac82-13372d91db61":{"name":"Background","isLocked":true,"isCollapsed":true}},"defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"3759940d-5b3d-42ff-ab66-314e5eedf126","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&utm_medium=react-components&utm_campaign=webstories","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/Components-of-Data-Warehouse-1-2048x1000.png","needsProxy":false,"ctaText":"Read More"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":48,"y":0,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"7cf9d1d8-3d90-467c-8891-d45926c8b211","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1","scale":100,"focalX":50,"focalY":50,"resource":{"baseColor":"#f3f3f3","blurHash":"LeH2Zc00t6kC-:t7M{kCR*o2t6t7","type":"image","mimeType":"image\/jpeg","creationDate":"2019-07-19T11:41:39Z","src":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=4000&h=6000&fit=max","width":4000,"height":6000,"id":"media\/unsplash:NdFREMS5P08","alt":"woman leaning at the table","sizes":{"full":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=4000&h=6000&fit=max","mimeType":"image\/jpeg","width":4000,"height":6000},"large":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=3200&h=4800&fit=max","mimeType":"image\/jpeg","width":3200,"height":4800},"2400_3600":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=2400&h=3600&fit=max","mimeType":"image\/jpeg","width":2400,"height":3600},"1600_2400":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=1600&h=2400&fit=max","mimeType":"image\/jpeg","width":1600,"height":2400},"800_1200":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=800&h=1200&fit=max","mimeType":"image\/jpeg","width":800,"height":1200},"web_stories_thumbnail":{"file":"media\/unsplash:NdFREMS5P08","sourceUrl":"https:\/\/images.unsplash.com\/flagged\/photo-1563536310477-c7b4e3a800c2?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw1N3x8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzMzM&ixlib=rb-1.2.1&fm=jpg&w=340&h=510&fit=max","mimeType":"image\/jpeg","width":340,"height":510}},"attribution":{"author":{"displayName":"Nicole Wolf","url":"https:\/\/unsplash.com\/@joeel56?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AQBR4tpY2%2BUTP6YwjFpDaBiJc6fD9BN3t\/SN\/\/isMJsEmXSQBJ60Owi\/\/VGvUChr31tFJUc7HhUxUsKUi8kEq%2BgJFXy4%2BEmVF4s\/4vWvJGGnpAR8N%2BaLww0IEd0Lvx52pLKgOrLgpLtMNZVI3M8\/oZQD2pG6iyCTZSkt0H8tJqiopY5QSPWfXFf\/wZRXqSuvXREdghPw2MdZC6rJMeQ4uVFqDSwY2wqjVUc%2BWI5XeI5XCHz9cdHh"},"isPlaceholder":false,"isOptimized":false,"isMuted":false,"isExternal":true,"needsProxy":false},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque","fallbacks":["sans-serif"],"weights":[300,400,500,600,700,800,900],"styles":["regular"],"variants":[[0,300],[0,400],[0,500],[0,600],[0,700],[0,800],[0,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1060,"des":-296,"tAsc":1060,"tDes":-296,"tLGap":0,"wAsc":1060,"wDes":296,"xH":406,"capH":563,"yMin":-296,"yMax":1060,"hAsc":1060,"hDes":-296,"lGap":0}},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #ff4d6d\">Now let's understand react and its components.<\/span>","fontWeight":400,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":36,"y":268,"width":358,"height":89,"scale":100,"focalX":50,"focalY":50,"type":"text","tagName":"p","basedOn":"e7c1e468-0b2f-424a-a0ce-637c4d6f0af8","id":"89e0b125-ab89-4efb-bf13-d9d129cc75e2"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"type":"image","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"basedOn":"ea251a16-bb73-4d60-8d67-8b48c3a5f099","id":"02b12203-ca5e-46c5-a6b5-5d807cb104c2"}],"animations":[{"id":"377a572a-a664-4534-a723-40cfb9e47132","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["89e0b125-ab89-4efb-bf13-d9d129cc75e2"]},{"id":"5887dfa8-7679-4046-88c1-36432d5520ee","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut","targets":["7cf9d1d8-3d90-467c-8891-d45926c8b211"]}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"type":"page","id":"7475a312-090b-4904-a1e7-c092b5a9d208","pageTemplateType":"cover","groups":{"43822f2d-e2ce-445d-ac82-13372d91db61":{"name":"Background","isLocked":true,"isCollapsed":true}},"defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"1467c837-f423-4c93-bd25-6513bd74a2da","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&utm_medium=react-components&utm_campaign=webstories","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/React-Components-2048x1000.png","needsProxy":false,"ctaText":"Read More"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":48,"y":0,"width":330,"height":506,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"048aa9e4-e712-4700-a606-585ab62d5d29","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1","scale":100,"focalX":50,"focalY":50,"resource":{"baseColor":"#d9d9c0","blurHash":"LOLW*55R9F8_?^DiDjoz9tMxt7WY","type":"image","mimeType":"image\/jpeg","creationDate":"2021-03-26T06:45:59Z","src":"https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=3466&h=5318&fit=max","width":3466,"height":5318,"id":"media\/unsplash:2THdTdKs0yU","alt":"woman in red blazer holding white paper","sizes":{"full":{"file":"media\/unsplash:2THdTdKs0yU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=3466&h=5318&fit=max","mimeType":"image\/jpeg","width":3466,"height":5318},"large":{"file":"media\/unsplash:2THdTdKs0yU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=2772&h=4253&fit=max","mimeType":"image\/jpeg","width":2772,"height":4253},"2079_3190":{"file":"media\/unsplash:2THdTdKs0yU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=2079&h=3190&fit=max","mimeType":"image\/jpeg","width":2079,"height":3190},"1386_2127":{"file":"media\/unsplash:2THdTdKs0yU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=1386&h=2127&fit=max","mimeType":"image\/jpeg","width":1386,"height":2127},"693_1063":{"file":"media\/unsplash:2THdTdKs0yU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=693&h=1063&fit=max","mimeType":"image\/jpeg","width":693,"height":1063},"web_stories_thumbnail":{"file":"media\/unsplash:2THdTdKs0yU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1616740793717-0aca29b92221?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHwzNHx8cmVzdW1lfGVufDB8fHx8MTY2NTUwMTA1NA&ixlib=rb-1.2.1&fm=jpg&w=340&h=522&fit=max","mimeType":"image\/jpeg","width":340,"height":522}},"attribution":{"author":{"displayName":"Kateryna Hliznitsova","url":"https:\/\/unsplash.com\/@kate_gliz?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AQBR4tpKhsZ8sYAgAsLOPi\/kI5qytduNaepgE\/oYJebds\/gTlt7utYPn9kGNjsovTzj8ZRjL9hoKpwqj0oNtt1LRBYVdw7kvE1Ak3J4qmdKPXFwj5hBrE7PwnfTf62f2ZTA8PThkYzrRUz12ckdwb5g9EyKklpFLpaN3mHGGSIlupFs4sGQfdb6OHSVfm9\/4ppWUQSSOm2%2BD5sgymw3ZH7zq%2BNunl1IoFanrHnlk7mtVXQ%3D%3D"},"isPlaceholder":false,"isOptimized":false,"isMuted":false,"isExternal":true,"needsProxy":false},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"x":-57,"y":246,"basedOn":"e564704d-ee72-4d2a-b3f2-522089917dca","opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":10,"lockAspectRatio":false,"backgroundColor":{"color":{"r":201,"g":24,"b":74,"a":0.5}},"type":"shape","width":575,"height":368,"scale":100,"focalX":50,"focalY":50,"mask":{"type":"rectangle"},"groupId":null,"id":"76c7ddf8-f11b-4fdd-b970-7ca328c65031"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"type":"image","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"basedOn":"ea251a16-bb73-4d60-8d67-8b48c3a5f099","id":"6bd2e494-0066-4b59-8260-9658bd46986e"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"FILL","font":{"family":"Roboto","fallbacks":["sans-serif"],"weights":[100,300,400,500,700,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,700],[1,700],[0,900],[1,900]],"service":"fonts.google.com","metrics":{"upm":2048,"asc":1900,"des":-500,"tAsc":1536,"tDes":-512,"tLGap":102,"wAsc":1946,"wDes":512,"xH":1082,"capH":1456,"yMin":-555,"yMax":2163,"hAsc":1900,"hDes":-500,"lGap":0}},"fontSize":40,"backgroundColor":{"color":{"r":0,"g":0,"b":0}},"lineHeight":1.19,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":true,"horizontal":8,"vertical":4},"type":"text","content":"<span style=\"font-weight: 700; color: #fff\">Introduction to&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">REACT<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":0,"y":52,"width":412,"height":102,"scale":100,"focalX":50,"focalY":50,"basedOn":"182ff685-3baa-4acf-9d01-0527d6cf5565","id":"888b652c-72c3-49c8-935a-2cc29b5cc044"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque","fallbacks":["sans-serif"],"weights":[300,400,500,600,700,800,900],"styles":["regular"],"variants":[[0,300],[0,400],[0,500],[0,600],[0,700],[0,800],[0,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1060,"des":-296,"tAsc":1060,"tDes":-296,"tLGap":0,"wAsc":1060,"wDes":296,"xH":406,"capH":563,"yMin":-296,"yMax":1060,"hAsc":1060,"hDes":-296,"lGap":0}},"fontSize":30,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">An open-source JavaScript library for creating rich user interfaces. You can have a responsive design, quick user interaction, smooth transitions, faster content loading, etc.<\/span>","fontWeight":400,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":30,"y":309,"width":353,"height":221,"scale":100,"focalX":50,"focalY":50,"type":"text","tagName":"p","basedOn":"d7950025-27d2-4422-aa84-506fcb59ffca","id":"01611ffe-9c65-4319-9adc-39c29df2b9d7"}],"animations":[{"targets":["048aa9e4-e712-4700-a606-585ab62d5d29"],"id":"e87920a3-0e51-4edb-a3cd-87828698682c","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut"},{"targets":["888b652c-72c3-49c8-935a-2cc29b5cc044"],"id":"f7fc4930-266d-45b7-9933-b9f4be736c79","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0},{"targets":["01611ffe-9c65-4319-9adc-39c29df2b9d7"],"id":"34de3a1e-4214-46ff-a1c4-ac0a23a813db","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"type":"page","id":"cd57867d-e34a-4b0c-af12-ad492d46f078","pageTemplateType":"cover","groups":{"43822f2d-e2ce-445d-ac82-13372d91db61":{"name":"Background","isLocked":true,"isCollapsed":true}},"defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"b20a357f-cf84-44b9-a6df-1b29dcf90cd7","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&utm_medium=react-components&utm_campaign=webstories","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/React-Components-2048x1000.png","needsProxy":false,"ctaText":"Read More"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":48,"y":0,"width":330,"height":494,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"e7faba9e-a9a1-4f05-819d-72f2dffc8df2","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1","scale":100,"focalX":50,"focalY":50,"resource":{"baseColor":"#f3f3f3","blurHash":"LlH.QcIAxut7~qayt7xu?bt7M{xv","type":"image","mimeType":"image\/jpeg","creationDate":"2019-11-11T18:11:53Z","src":"https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&ixlib=rb-1.2.1&fm=jpg&w=4016&h=6016&fit=max","width":4016,"height":6016,"id":"media\/unsplash:7RRj4wDX7LE","alt":"shallow focus photo of woman using MacBook","sizes":{"full":{"file":"media\/unsplash:7RRj4wDX7LE","sourceUrl":"https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&ixlib=rb-1.2.1&fm=jpg&w=4016&h=6016&fit=max","mimeType":"image\/jpeg","width":4016,"height":6016},"large":{"file":"media\/unsplash:7RRj4wDX7LE","sourceUrl":"https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&ixlib=rb-1.2.1&fm=jpg&w=3212&h=4812&fit=max","mimeType":"image\/jpeg","width":3212,"height":4812},"2409_3609":{"file":"media\/unsplash:7RRj4wDX7LE","sourceUrl":"https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&ixlib=rb-1.2.1&fm=jpg&w=2409&h=3609&fit=max","mimeType":"image\/jpeg","width":2409,"height":3609},"1606_2406":{"file":"media\/unsplash:7RRj4wDX7LE","sourceUrl":"https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&ixlib=rb-1.2.1&fm=jpg&w=1606&h=2406&fit=max","mimeType":"image\/jpeg","width":1606,"height":2406},"803_1203":{"file":"media\/unsplash:7RRj4wDX7LE","sourceUrl":"https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&ixlib=rb-1.2.1&fm=jpg&w=803&h=1203&fit=max","mimeType":"image\/jpeg","width":803,"height":1203},"web_stories_thumbnail":{"file":"media\/unsplash:7RRj4wDX7LE","sourceUrl":"https:\/\/images.unsplash.com\/photo-1573495783323-9e59a325d4b4?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw3MHx8ZGV2ZWxvcGVyc3xlbnwwfHx8fDE2NjQ0NjYzNjE&ixlib=rb-1.2.1&fm=jpg&w=340&h=509&fit=max","mimeType":"image\/jpeg","width":340,"height":509}},"attribution":{"author":{"displayName":"Christina @ wocintechchat.com","url":"https:\/\/unsplash.com\/@wocintechchat?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AQBR4tqCqy1VrA\/87Yw3PZrAhYUH9prxWhFxKYzgdgwwbBc2sKEhWj1KqeYYnpwtpfNLRUmN85o29gdyzJhA0ziDin13VcYXiyHJF77LNsqROK88a%2BysiA%2BErvBQxWGn14exo0ZlthVJjYYEjSDCPyLrtGYqaFzzQ1LFOfSCwLNVWZan\/JTQZeFCYRA2AjAuR%2BzlyieLBo2n4SyKTzcyUs3b%2B7m1EX3Fwj%2BJTnx\/DOYwEe064phd"},"isPlaceholder":false,"isOptimized":false,"isMuted":false,"isExternal":true,"needsProxy":false},"overlay":{"color":{"r":0,"g":0,"b":0,"a":0.5}}},{"x":-57,"y":246,"basedOn":"cf64920e-fd91-4c46-82db-a6825870e4fc","opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":10,"lockAspectRatio":false,"backgroundColor":{"color":{"r":201,"g":24,"b":74,"a":0.5}},"type":"shape","width":575,"height":368,"scale":100,"focalX":50,"focalY":50,"mask":{"type":"rectangle"},"groupId":null,"id":"e564704d-ee72-4d2a-b3f2-522089917dca"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Darker Grotesque","fallbacks":["sans-serif"],"weights":[300,400,500,600,700,800,900],"styles":["regular"],"variants":[[0,300],[0,400],[0,500],[0,600],[0,700],[0,800],[0,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1060,"des":-296,"tAsc":1060,"tDes":-296,"tLGap":0,"wAsc":1060,"wDes":296,"xH":406,"capH":563,"yMin":-296,"yMax":1060,"hAsc":1060,"hDes":-296,"lGap":0}},"fontSize":30,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"initial","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #fff\">React consists of various components that are part of User interface. There are 2 types of Components in React- &nbsp;<\/span>\n\n<span style=\"color: #fff\">1. Stateless Functional&nbsp;<\/span>\n<span style=\"color: #fff\">2. Components Stateful Class Components<\/span>","fontWeight":400,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":40,"y":266,"width":353,"height":292,"scale":100,"focalX":50,"focalY":50,"type":"text","tagName":"p","basedOn":"d7e796ac-1eee-4deb-930d-464ae64fed1d","id":"d7950025-27d2-4422-aa84-506fcb59ffca"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"type":"image","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"basedOn":"ea251a16-bb73-4d60-8d67-8b48c3a5f099","id":"5339da21-7a91-4913-9d78-9538a6c595fd"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"FILL","font":{"family":"Roboto","fallbacks":["sans-serif"],"weights":[100,300,400,500,700,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,700],[1,700],[0,900],[1,900]],"service":"fonts.google.com","metrics":{"upm":2048,"asc":1900,"des":-500,"tAsc":1536,"tDes":-512,"tLGap":102,"wAsc":1946,"wDes":512,"xH":1082,"capH":1456,"yMin":-555,"yMax":2163,"hAsc":1900,"hDes":-500,"lGap":0}},"fontSize":40,"backgroundColor":{"color":{"r":0,"g":0,"b":0}},"lineHeight":1.19,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":true,"horizontal":8,"vertical":4},"type":"text","content":"<span style=\"font-weight: 700; color: #fff\">Components of&nbsp;<\/span>\n<span style=\"font-weight: 700; color: #fff\">REACT<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":0,"y":52,"width":412,"height":102,"scale":100,"focalX":50,"focalY":50,"basedOn":"182ff685-3baa-4acf-9d01-0527d6cf5565","id":"a21058c1-457a-48ed-b2dd-a44b01dfc71c"}],"animations":[{"id":"5def4fca-2ce4-4163-b492-bb85c0633b14","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["d7950025-27d2-4422-aa84-506fcb59ffca"]},{"id":"5a8ee6f3-7e16-4a6a-b26c-d8d97a1c6c3e","type":"effect-background-pan-and-zoom","panDir":"rightToLeft","duration":2000,"delay":0,"zoomDirection":"scaleOut","targets":["e7faba9e-a9a1-4f05-819d-72f2dffc8df2"]},{"id":"17a586b9-c82f-451a-84f0-c4319fa0368f","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["a21058c1-457a-48ed-b2dd-a44b01dfc71c"]}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"type":"page","id":"31fdfdff-2dbc-4ebb-8700-095521d60841","pageTemplateType":"cover","groups":{"43822f2d-e2ce-445d-ac82-13372d91db61":{"name":"Background","isLocked":true,"isCollapsed":true}},"defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"f35b4618-d680-4765-b972-9b65a643b5b0","basedOn":"8fe4f619-7591-4389-b43e-d196bd3f5eb1"},"pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&utm_medium=react-components&utm_campaign=webstories","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/React-Components-2048x1000.png","needsProxy":false,"ctaText":"Read More"}},{"elements":[{"x":48,"y":0,"width":330,"height":219,"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"f4e948f5-d736-4ce4-a3ee-88747553cffd","basedOn":"03d49bf5-7b5e-4d7c-b09e-7c3ebde20c94","scale":100,"focalX":50,"focalY":50,"resource":{"baseColor":"#262626","blurHash":"L55F8.M{8wx]x]RPVsx]IUn$x]bc","type":"image","mimeType":"image\/jpeg","creationDate":"2017-06-10T10:38:52Z","src":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=4288&h=2848&fit=max","width":4288,"height":2848,"id":"media\/unsplash:P1qyEf1g0HU","alt":"person using track pad","sizes":{"full":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=4288&h=2848&fit=max","mimeType":"image\/jpeg","width":4288,"height":2848},"large":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=3430&h=2278&fit=max","mimeType":"image\/jpeg","width":3430,"height":2278},"2572_1708":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=2572&h=1708&fit=max","mimeType":"image\/jpeg","width":2572,"height":1708},"1715_1139":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=1715&h=1139&fit=max","mimeType":"image\/jpeg","width":1715,"height":1139},"857_569":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=857&h=569&fit=max","mimeType":"image\/jpeg","width":857,"height":569},"web_stories_thumbnail":{"file":"media\/unsplash:P1qyEf1g0HU","sourceUrl":"https:\/\/images.unsplash.com\/photo-1497091071254-cc9b2ba7c48a?ixid=MnwxMzcxOTN8MHwxfHNlYXJjaHw0MHx8cmVzdW1lfGVufDB8fHx8MTY2NjA2MjgxNA&ixlib=rb-1.2.1&fm=jpg&w=340&h=226&fit=max","mimeType":"image\/jpeg","width":340,"height":226}},"attribution":{"author":{"displayName":"Glenn Carstens-Peters","url":"https:\/\/unsplash.com\/@glenncarstenspeters?utm_source=web_stories_wordpress&utm_medium=referral"},"registerUsageUrl":"https:\/\/media3p.googleapis.com\/v1\/media:registerUsage?token=AQBR4tqzFQk9mistNseDeeHEJMsZ1s4y0bq50WT55T0X23zUUBQBPQdK4apQBMpRXEDve3pzCQh%2B4eIoPWyosKbjNOJi0rW7VNMuRbdNCMCpD57sUk8BirmXYJAXqxgWO26HCxN6tj3TE6bIiA2wunnBSNozdaR%2B3b7GYMsOajhfH8M7uvC%2B2XPNl\/rTXwFB4gJFs%2Bkv4F2ixncVopF6zS%2BxWuraKdtkUD8aHd5uSlykrQ%3D%3D"},"isPlaceholder":false,"isOptimized":false,"isMuted":false,"isExternal":true,"needsProxy":false},"overlay":{"type":"linear","rotation":0,"stops":[{"color":{"r":0,"g":0,"b":0,"a":0},"position":0.4},{"color":{"r":0,"g":0,"b":0,"a":1},"position":1}],"alpha":0.5}},{"x":20,"y":27,"width":81,"height":283,"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Poppins","fallbacks":["sans-serif"],"weights":[100,200,300,400,500,600,700,800,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,200],[1,200],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,600],[1,600],[0,700],[1,700],[0,800],[1,800],[0,900],[1,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1050,"des":-350,"tAsc":1050,"tDes":-350,"tLGap":100,"wAsc":1135,"wDes":627,"xH":548,"capH":698,"yMin":-572,"yMax":1065,"hAsc":1050,"hDes":-350,"lGap":100}},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1,"textAlign":"initial","scale":100,"focalX":50,"focalY":50,"type":"text","basedOn":"a8a8df4d-5750-4508-9698-69226f88a94f","id":"767928e9-9468-438e-bb74-51804c911c2c","content":"<span style=\"font-weight: 700; color: #fff\">\u201c<\/span>","fontSize":202,"padding":{"horizontal":0,"vertical":0}},{"x":30,"y":292,"basedOn":"3e016589-bb8b-4fa0-831c-e9995dd3ceff","opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":270,"lockAspectRatio":false,"backgroundColor":{"color":{"r":201,"g":24,"b":74}},"type":"shape","width":739,"height":27,"scale":100,"focalX":50,"focalY":50,"mask":{"type":"rectangle"},"groupId":null,"id":"c189f7a2-ccce-408a-95ed-7359e651e06d"},{"x":21,"y":170,"width":330,"height":333,"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Poppins","fallbacks":["sans-serif"],"weights":[100,200,300,400,500,600,700,800,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,200],[1,200],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,600],[1,600],[0,700],[1,700],[0,800],[1,800],[0,900],[1,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1050,"des":-350,"tAsc":1050,"tDes":-350,"tLGap":100,"wAsc":1135,"wDes":627,"xH":548,"capH":698,"yMin":-572,"yMax":1065,"hAsc":1050,"hDes":-350,"lGap":100}},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"initial","scale":100,"focalX":50,"focalY":50,"type":"text","basedOn":"37fa4bdd-2898-4b95-bf2a-ae0d4e474f47","id":"54cdc3d5-2ac7-4aa9-9aa7-364e59edb3df","content":"<span style=\"font-weight: 700; color: #fff\">Get an overview of REACT components and how they differ.<\/span>","fontSize":45,"padding":{"hasHiddenPadding":false,"horizontal":0,"vertical":0},"tagName":"p","marginOffset":-33.629999999999995},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto","fallbacks":["sans-serif"],"weights":[100,300,400,500,700,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,700],[1,700],[0,900],[1,900]],"service":"fonts.google.com","metrics":{"upm":2048,"asc":1900,"des":-500,"tAsc":1536,"tDes":-512,"tLGap":102,"wAsc":1946,"wDes":512,"xH":1082,"capH":1456,"yMin":-555,"yMax":2163,"hAsc":1900,"hDes":-500,"lGap":0}},"fontSize":30,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"type":"text","content":"<span style=\"color: #c9184a\">Click Here...<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":139,"y":528,"width":200,"height":35,"scale":100,"focalX":50,"focalY":50,"id":"83d740a7-250d-49cb-b7d9-9712d7d52b7d"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":-3,"y":-40,"width":180,"height":60,"mask":{"type":"rectangle"},"type":"image","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/png","creationDate":"2021-07-12T14:57:03","src":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png","width":2130,"height":708,"id":724,"alt":"InterviewBit-White-2","sizes":{"medium":{"file":"InterviewBit-White-2-300x100.png","width":300,"height":100,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-300x100.png"},"large":{"file":"InterviewBit-White-2-1024x340.png","width":1024,"height":340,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1024x340.png"},"thumbnail":{"file":"InterviewBit-White-2-150x150.png","width":150,"height":150,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x150.png"},"medium_large":{"file":"InterviewBit-White-2-768x255.png","width":768,"height":255,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-768x255.png"},"1536x1536":{"file":"InterviewBit-White-2-1536x511.png","width":1536,"height":511,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-1536x511.png"},"2048x2048":{"file":"InterviewBit-White-2-2048x681.png","width":2048,"height":681,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-2048x681.png"},"web-stories-poster-portrait":{"file":"InterviewBit-White-2-640x708.png","width":640,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x708.png"},"web-stories-poster-landscape":{"file":"InterviewBit-White-2-853x640.png","width":853,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-853x640.png"},"web-stories-poster-square":{"file":"InterviewBit-White-2-640x640.png","width":640,"height":640,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-640x640.png"},"web-stories-publisher-logo":{"file":"InterviewBit-White-2-96x96.png","width":96,"height":96,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-96x96.png"},"web-stories-thumbnail":{"file":"InterviewBit-White-2-150x50.png","width":150,"height":50,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2-150x50.png"},"full":{"file":"InterviewBit-White-2.png","width":2130,"height":708,"mimeType":"image\/png","sourceUrl":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2021\/07\/InterviewBit-White-2.png"}},"isOptimized":false,"isExternal":false},"basedOn":"ea251a16-bb73-4d60-8d67-8b48c3a5f099","id":"499f4e5c-961c-4804-8c90-d8db60a5239a"}],"animations":[{"id":"3843a4f0-6821-4f6f-964c-0252e68579b0","type":"effect-fly-in","flyInDir":"topToBottom","duration":1000,"delay":0,"targets":["54cdc3d5-2ac7-4aa9-9aa7-364e59edb3df"]},{"id":"f119f207-ee41-4d81-8dc7-51807381be5f","type":"effect-fly-in","flyInDir":"topToBottom","duration":600,"delay":0,"targets":["83d740a7-250d-49cb-b7d9-9712d7d52b7d"]}],"backgroundOverlay":"none","type":"page","id":"4c8e1b8b-8c10-4ac1-a12e-2ccea42ab439","backgroundColor":{"color":{"r":0,"g":0,"b":0}},"pageTemplateType":"quote","pageAttachment":{"url":"https:\/\/www.interviewbit.com\/blog\/react-components\/?utm_source=Ib&utm_medium=react-components&utm_campaign=webstories","icon":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/03\/React-Components-2048x1000.png","needsProxy":false,"ctaText":"SWIPE UP"},"defaultBackgroundElement":{"x":1,"y":1,"width":1,"height":1,"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"mask":{"type":"rectangle"},"isBackground":true,"type":"shape","id":"aea69b2f-a73d-495e-bc76-9f4ca40e1299","isDefaultBackground":true,"basedOn":"03d49bf5-7b5e-4d7c-b09e-7c3ebde20c94"}}],"autoAdvance":true,"defaultPageDuration":7,"currentStoryStyles":{"colors":[]}},"style_presets":{"colors":[{"color":{"r":157,"g":100,"b":32}},{"color":{"r":0,"g":0,"b":0}}],"textStyles":[]},"story_poster":{"id":14638,"url":"https:\/\/www.interviewbit.com\/blog\/wp-content\/uploads\/2022\/11\/cropped-React-Components.png","width":640,"height":853,"needsProxy":false},"_links":{"self":[{"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story\/14636"}],"collection":[{"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story"}],"about":[{"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/wp\/v2\/types\/web-story"}],"author":[{"embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/users\/21"}],"version-history":[{"count":4,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story\/14636\/revisions"}],"predecessor-version":[{"id":14642,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story\/14636\/revisions\/14642"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/media\/14638"}],"wp:attachment":[{"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/media?parent=14636"}],"wp:term":[{"taxonomy":"web_story_category","embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web_story_category?post=14636"},{"taxonomy":"web_story_tag","embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web_story_tag?post=14636"}],"wp:lock":[{"embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/web-story\/14636\/lock"}],"wp:publisherlogo":[{"embeddable":true,"href":"https:\/\/www.interviewbit.com\/blog\/wp-json\/web-stories\/v1\/media\/1082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}