{"id":54,"date":"2026-07-02T16:27:25","date_gmt":"2026-07-02T10:57:25","guid":{"rendered":"https:\/\/smitabharat.com\/blog\/?p=54"},"modified":"2026-08-01T23:43:08","modified_gmt":"2026-08-01T18:13:08","slug":"react-questions","status":"publish","type":"post","link":"https:\/\/smitabharat.com\/blog\/react-questions\/","title":{"rendered":"React Questions"},"content":{"rendered":"

1.What is JSX in React?<\/h1>\n

JSX<\/strong> stands for JavaScript XML<\/strong>.<\/p>\n

It is a syntax extension<\/strong> for JavaScript used in React<\/strong> to write HTML-like code inside JavaScript<\/strong>.<\/p>\n

Why Use JSX?<\/strong><\/p>\n

JSX makes it easier to build UI<\/strong> in React by letting you write components using syntax that looks like HTML, but is actually converted to JavaScript<\/strong> behind the scenes.<\/p>\n

2.What is component in react<\/h1>\n

In React<\/strong>, a component<\/strong> is a reusable, self-contained piece of UI<\/strong> \u2014 like a function or class \u2014 that returns JSX<\/strong> (HTML-like syntax) to describe what should appear on the screen<\/strong>.<\/p>\n

\ud83e\udde0 Simple Definition<\/strong><\/p>\n

A component<\/strong> is a function or class<\/strong> that returns React elements<\/strong> (usually written in JSX) to be rendered on the web page.<\/p>\n\n\n\n\n\n\n\n\n
Feature<\/strong><\/td>\nPurpose<\/strong><\/td>\n<\/tr>\n<\/thead>\n
props<\/td>\nInput data passed from parent<\/td>\n<\/tr>\n
state (in hooks)<\/td>\nInternal data that changes over time<\/td>\n<\/tr>\n
useEffect<\/td>\nLifecycle behavior (e.g., fetch API)<\/td>\n<\/tr>\n
event handlers<\/td>\nHandle user interactions<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

3. what is props state hook in react<\/h2>\n

Props are inputs<\/strong> to a component.<\/p>\n

\uf0b7\u00a0 Used to pass data from parent to child<\/strong> component.<\/p>\n

\uf0b7\u00a0 Read-only<\/strong> \u2013 the child component cannot modify<\/strong> props.<\/p>\n

2\ufe0f<\/strong>\u20e3 State<\/strong><\/p>\n

\ud83d\udca1 What it is:<\/strong><\/p>\n

    \n
  • State is local data<\/strong> that a component manages itself<\/strong>.<\/li>\n
  • State can change over time<\/strong>, usually in response to user actions.<\/li>\n
  • State changes cause the component to re-render<\/strong>.<\/li>\n<\/ul>\n

    import { useState } from ‘react’;<\/p>\n

     <\/p>\n

    function Counter() {<\/p>\n

    const [count, setCount] = useState(0);<\/p>\n

     <\/p>\n

    return (<\/p>\n

    <><\/p>\n

    <p>Count: {count}<\/p><\/p>\n

    <button onClick={() => setCount(count + 1)}>Increment<\/button><\/p>\n

    <\/><\/p>\n

    );<\/p>\n

    }<\/p>\n

     <\/p>\n

    Hooks<\/strong><\/p>\n

    \ud83d\udca1 What it is:<\/strong><\/p>\n

      \n
    • Hooks are functions<\/strong> that let you \u201chook into\u201d React\u2019s features (state, lifecycle, etc.) in functional components<\/strong>.<\/li>\n
    • Hooks are used only inside functional components<\/strong> (not class components).<\/li>\n<\/ul>\n
        \n
      • Common React Hooks:<\/strong><\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n
        Hook<\/strong><\/td>\nPurpose<\/strong><\/td>\n<\/tr>\n<\/thead>\n
        useState()<\/td>\nAdd state to a functional component<\/td>\n<\/tr>\n
        useEffect()<\/td>\nRun side effects (like API calls)<\/td>\n<\/tr>\n
        useContext()<\/td>\nUse global context values<\/td>\n<\/tr>\n
        useRef()<\/td>\nGet reference to DOM or a value<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

         <\/p>\n

        4.\u00a0Diff between angular and react<\/h2>\n
          \n
        • Angular: A full-fledged framework (developed by Google). It comes with routing, state management, form handling, HTTP client, etc. \u2192 batteries included.<\/li>\n
        • React: A UI library (developed by Meta\/Facebook). Focuses only on building UI components. For routing, state management, etc., you add third-party libraries (e.g., React Router, Redux).<\/li>\n<\/ul>\n

          \ud83d\udd39 2. Language<\/p>\n

            \n
          • Angular: Uses TypeScript by default (strictly typed).<\/li>\n
          • React: Uses JavaScript (with optional TypeScript).<\/li>\n<\/ul>\n

            \ud83d\udd39 3. Learning Curve<\/p>\n

              \n
            • Angular: Steeper \u2192 you need to learn concepts like modules, decorators, dependency injection, RxJS (observables).<\/li>\n
            • React: Easier to pick up \u2192 learn JSX, props, state, hooks. More flexible but requires picking additional libraries for big projects.<\/li>\n<\/ul>\n

              \ud83d\udd39 4. Performance<\/p>\n

                \n
              • Angular: Uses a real DOM (with change detection) but optimized with zone.js and ahead-of-time (AOT) compilation.<\/li>\n
              • React: Uses a Virtual DOM that efficiently updates only the changed parts \u2192 often faster for frequent UI updates.<\/li>\n<\/ul>\n

                \ud83d\udd39 5. Architecture<\/p>\n

                  \n
                • Angular: Opinionated, MVC\/MVVM-style architecture. Code is more structured.<\/li>\n
                • React: Flexible, unopinionated. You can structure your app however you want.<\/li>\n<\/ul>\n

                  \ud83d\udd39 6. Ecosystem<\/p>\n

                    \n
                  • Angular: Provides almost everything out of the box (routing, forms, HTTP, testing).<\/li>\n
                  • React: Huge ecosystem, but you need to choose packages for routing, state management, forms, etc.<\/li>\n<\/ul>\n

                    \ud83d\udd39 7. Use Cases<\/p>\n

                      \n
                    • Angular: Good for large-scale enterprise apps (e.g., dashboards, CRMs, ERPs) where strict structure helps big teams.<\/li>\n
                    • React: Good for dynamic, fast UIs (e.g., single-page apps, social media, e-commerce) where flexibility is needed.<\/li>\n<\/ul>\n

                      5.what is == and === in react?<\/strong><\/h2>\n

                      In React, ==<\/code> and ===<\/code> are JavaScript operators<\/strong>. React itself doesn’t define them\u2014it simply uses JavaScript expressions.<\/p>\n

                      The important difference is:<\/p>\n

                      \n
                      \n\n\n\n\n\n\n
                      Operator<\/th>\nName<\/th>\nCompares<\/th>\nType Conversion<\/th>\n<\/tr>\n<\/thead>\n
                      ==<\/code><\/td>\nLoose Equality<\/td>\nValue<\/td>\n\u2705 Yes<\/td>\n<\/tr>\n
                      ===<\/code><\/td>\nStrict Equality<\/td>\nValue + Type<\/td>\n\u274c No<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
                        \n
                      • ==<\/code> (loose equality) compares values after performing type conversion.<\/li>\n
                      • ===<\/code> (strict equality) compares both value and data type without type conversion.<\/li>\n
                      • In React and modern JavaScript, ===<\/code> is recommended because it prevents bugs caused by implicit type coercion and makes comparisons more predictable.<\/li>\n<\/ul>\n

                        6.what is diff betn var, let, constant in react?<\/h2>\n

                        Comparison Table<\/h2>\n
                        \n
                        \n\n\n\n\n\n\n\n\n\n
                        Feature<\/th>\nvar<\/code><\/th>\nlet<\/code><\/th>\nconst<\/code><\/th>\n<\/tr>\n<\/thead>\n
                        Scope<\/td>\nFunction<\/td>\nBlock<\/td>\nBlock<\/td>\n<\/tr>\n
                        Can be redeclared<\/td>\n\u2705 Yes<\/td>\n\u274c No<\/td>\n\u274c No<\/td>\n<\/tr>\n
                        Can be reassigned<\/td>\n\u2705 Yes<\/td>\n\u2705 Yes<\/td>\n\u274c No<\/td>\n<\/tr>\n
                        Hoisted<\/td>\n\u2705 Yes (initialized as undefined<\/code>)<\/td>\n\u2705 Yes (Temporal Dead Zone)<\/td>\n\u2705 Yes (Temporal Dead Zone)<\/td>\n<\/tr>\n
                        Preferred in React<\/td>\n\u274c No<\/td>\n\u2705 Yes<\/td>\n\u2705 Most Preferred<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
                          \n
                        • var<\/code> is function-scoped<\/strong>, can be redeclared<\/strong> and reassigned<\/strong>, and is hoisted with an initial value of undefined<\/code>.<\/li>\n
                        • let<\/code> is block-scoped<\/strong>, cannot be redeclared in the same scope, but can be reassigned<\/strong>. It is hoisted but remains in the Temporal Dead Zone<\/strong> until declared.<\/li>\n
                        • const<\/code> is also block-scoped<\/strong>, cannot be redeclared or reassigned, and must be initialized when declared. While a const<\/code> object’s properties can be modified, the variable itself cannot reference a different object.<\/li>\n
                        • In React, const<\/code> is the preferred choice<\/strong>, let<\/code> is used only when reassignment is necessary, and var<\/code> is generally avoided.<\/li>\n<\/ul>\n

                          Which should you use in React?<\/h3>\n
                            \n
                          • const<\/code><\/strong> \u2192 Default choice. Use it for variables, functions, imports, objects, arrays, and components that don’t need reassignment.<\/li>\n
                          • let<\/code><\/strong> \u2192 Use only when the variable needs to be reassigned.<\/li>\n
                          • var<\/code><\/strong> \u2192 Avoid in modern React development because its function scope and hoisting behavior can lead to bugs.<\/li>\n<\/ul>\n

                            7. what is virtual DOM?<\/h2>\n

                            Virtual DOM is a lightweight, in-memory JavaScript representation of the real DOM. React updates the Virtual DOM first, compares it with the previous Virtual DOM using a diffing algorithm, and then updates only the changed parts of the real DOM. This makes UI updates faster and more efficient.<\/p>\n

                            Why do we need Virtual DOM?<\/h3>\n

                            Updating the Real DOM<\/strong> is expensive because every change may trigger:<\/p>\n

                              \n
                            • Repainting<\/li>\n
                            • Reflow (layout recalculation)<\/li>\n
                            • Rendering<\/li>\n<\/ul>\n

                              For large applications, frequent DOM updates can slow down the UI.<\/p>\n

                              React solves this by using the Virtual DOM<\/strong>.<\/p>\n

                              \n

                              Real DOM vs Virtual DOM<\/h3>\n
                              \n
                              \n\n\n\n\n\n\n\n\n\n
                              Real DOM<\/th>\nVirtual DOM<\/th>\n<\/tr>\n<\/thead>\n
                              Actual HTML elements in the browser<\/td>\nJavaScript object representation of the DOM<\/td>\n<\/tr>\n
                              Slow to update<\/td>\nFast to update<\/td>\n<\/tr>\n
                              Updates the entire affected DOM<\/td>\nUpdates only changed elements<\/td>\n<\/tr>\n
                              Browser performs layout calculations<\/td>\nReact performs comparisons in memory<\/td>\n<\/tr>\n
                              More expensive<\/td>\nLess expensive<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
                              \n

                              How Virtual DOM Works<\/h3>\n

                              Suppose your UI is:<\/p>\n

                              \n
                              \n
                              \n
                              \n
                              \n
                              \n
                              \n
                              <h1><\/span>Hello<\/h1><\/span><\/code><\/div>\n<\/div>\n<\/div>\n
                              \n
                              \n
                              React creates a Virtual DOM object:<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
                              \n
                              \n
                              \n
                              \n
                              \n
                              \n
                              \n
                              {<\/code><\/div>\n<\/div>\n<\/div>\n
                              \n
                              \n
                              \n
                              \n
                              \n
                              \n
                              \n
                              \n
                              \n
                                type<\/span>: \"h1\"<\/span>,\r\n  props<\/span>: {\r\n    children<\/span>: \"Hello\"<\/span>\r\n  }\r\n}\r\n\r\n<\/code><\/pre>\n
                              Advantages of Virtual DOM<\/h3>\n
                              <\/code><\/pre>\n
                                \n
                              • Faster UI updates<\/li>\n
                              • Better performance<\/li>\n
                              • Reduces unnecessary DOM manipulations<\/li>\n
                              • Efficient rendering<\/li>\n
                              • Provides a smoother user experience<\/li>\n
                              • Simplifies building complex user interfaces<\/li>\n<\/ul>\n
                                8. what is advantages of typescript?<\/h2>\n
                                TypeScript is a superset of JavaScript<\/strong> developed by Microsoft. It adds static typing<\/strong>, interfaces, generics, and other features to make JavaScript applications more reliable and maintainable.<\/p>\n
                                TypeScript is a statically typed superset of JavaScript. Its main advantages are compile-time type checking, improved code quality, better IDE support, easier refactoring, interfaces, generics, and enhanced maintainability. It helps catch errors early, improves developer productivity with features like IntelliSense, and is well suited for large-scale applications and team development. That’s why frameworks like Angular are built on TypeScript.<\/p>\n
                                JavaScript vs TypeScript<\/h3>\n
                                \n
                                \n\n\n\n\n\n\n\n\n\n\n
                                JavaScript<\/th>\nTypeScript<\/th>\n<\/tr>\n<\/thead>\n
                                Dynamically typed<\/td>\nStatically typed<\/td>\n<\/tr>\n
                                Errors found at runtime<\/td>\nMany errors found at compile time<\/td>\n<\/tr>\n
                                No interfaces<\/td>\nSupports interfaces<\/td>\n<\/tr>\n
                                No generics<\/td>\nSupports generics<\/td>\n<\/tr>\n
                                Less IDE support<\/td>\nExcellent IDE support<\/td>\n<\/tr>\n
                                Better for small scripts<\/td>\nBetter for large applications<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n
                                <\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                                1.What is JSX in React? JSX stands for JavaScript XML. It is a syntax extension for JavaScript used in React to write HTML-like code inside JavaScript. Why Use JSX? JSX makes it easier to build UI in React by letting you write components using syntax that looks like HTML, but is actually converted to JavaScript…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-54","post","type-post","status-publish","format-standard","hentry","category-blog-post"],"yoast_head":"\nReact Questions - Smita Bharat Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smitabharat.com\/blog\/react-questions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React Questions - Smita Bharat Blog\" \/>\n<meta property=\"og:description\" content=\"1.What is JSX in React? JSX stands for JavaScript XML. It is a syntax extension for JavaScript used in React to write HTML-like code inside JavaScript. Why Use JSX? JSX makes it easier to build UI in React by letting you write components using syntax that looks like HTML, but is actually converted to JavaScript...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smitabharat.com\/blog\/react-questions\/\" \/>\n<meta property=\"og:site_name\" content=\"Smita Bharat Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-02T10:57:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-01T18:13:08+00:00\" \/>\n<meta name=\"author\" content=\"Smita\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Smita\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/react-questions\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/react-questions\\\/\"},\"author\":{\"name\":\"Smita\",\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/#\\\/schema\\\/person\\\/8d82457aaa3ced63e3f875cb5a31ce4c\"},\"headline\":\"React Questions\",\"datePublished\":\"2026-07-02T10:57:25+00:00\",\"dateModified\":\"2026-08-01T18:13:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/react-questions\\\/\"},\"wordCount\":1108,\"commentCount\":0,\"articleSection\":[\"Blog Post\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/smitabharat.com\\\/blog\\\/react-questions\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/react-questions\\\/\",\"url\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/react-questions\\\/\",\"name\":\"React Questions - Smita Bharat Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/#website\"},\"datePublished\":\"2026-07-02T10:57:25+00:00\",\"dateModified\":\"2026-08-01T18:13:08+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/#\\\/schema\\\/person\\\/8d82457aaa3ced63e3f875cb5a31ce4c\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/react-questions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smitabharat.com\\\/blog\\\/react-questions\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/react-questions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React Questions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/\",\"name\":\"Smita Bharat Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/#\\\/schema\\\/person\\\/8d82457aaa3ced63e3f875cb5a31ce4c\",\"name\":\"Smita\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c2cc9a654a17e3944ea74c7317b81fa65c28ba7d50a629a551b0c9b321308883?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c2cc9a654a17e3944ea74c7317b81fa65c28ba7d50a629a551b0c9b321308883?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c2cc9a654a17e3944ea74c7317b81fa65c28ba7d50a629a551b0c9b321308883?s=96&d=mm&r=g\",\"caption\":\"Smita\"},\"sameAs\":[\"https:\\\/\\\/smitabharat.com\\\/blog\"],\"url\":\"https:\\\/\\\/smitabharat.com\\\/blog\\\/author\\\/smita_bharat_wp\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"React Questions - Smita Bharat Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smitabharat.com\/blog\/react-questions\/","og_locale":"en_US","og_type":"article","og_title":"React Questions - Smita Bharat Blog","og_description":"1.What is JSX in React? JSX stands for JavaScript XML. It is a syntax extension for JavaScript used in React to write HTML-like code inside JavaScript. Why Use JSX? JSX makes it easier to build UI in React by letting you write components using syntax that looks like HTML, but is actually converted to JavaScript...","og_url":"https:\/\/smitabharat.com\/blog\/react-questions\/","og_site_name":"Smita Bharat Blog","article_published_time":"2026-07-02T10:57:25+00:00","article_modified_time":"2026-08-01T18:13:08+00:00","author":"Smita","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Smita","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/smitabharat.com\/blog\/react-questions\/#article","isPartOf":{"@id":"https:\/\/smitabharat.com\/blog\/react-questions\/"},"author":{"name":"Smita","@id":"https:\/\/smitabharat.com\/blog\/#\/schema\/person\/8d82457aaa3ced63e3f875cb5a31ce4c"},"headline":"React Questions","datePublished":"2026-07-02T10:57:25+00:00","dateModified":"2026-08-01T18:13:08+00:00","mainEntityOfPage":{"@id":"https:\/\/smitabharat.com\/blog\/react-questions\/"},"wordCount":1108,"commentCount":0,"articleSection":["Blog Post"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/smitabharat.com\/blog\/react-questions\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/smitabharat.com\/blog\/react-questions\/","url":"https:\/\/smitabharat.com\/blog\/react-questions\/","name":"React Questions - Smita Bharat Blog","isPartOf":{"@id":"https:\/\/smitabharat.com\/blog\/#website"},"datePublished":"2026-07-02T10:57:25+00:00","dateModified":"2026-08-01T18:13:08+00:00","author":{"@id":"https:\/\/smitabharat.com\/blog\/#\/schema\/person\/8d82457aaa3ced63e3f875cb5a31ce4c"},"breadcrumb":{"@id":"https:\/\/smitabharat.com\/blog\/react-questions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smitabharat.com\/blog\/react-questions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/smitabharat.com\/blog\/react-questions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smitabharat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React Questions"}]},{"@type":"WebSite","@id":"https:\/\/smitabharat.com\/blog\/#website","url":"https:\/\/smitabharat.com\/blog\/","name":"Smita Bharat Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smitabharat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/smitabharat.com\/blog\/#\/schema\/person\/8d82457aaa3ced63e3f875cb5a31ce4c","name":"Smita","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c2cc9a654a17e3944ea74c7317b81fa65c28ba7d50a629a551b0c9b321308883?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c2cc9a654a17e3944ea74c7317b81fa65c28ba7d50a629a551b0c9b321308883?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c2cc9a654a17e3944ea74c7317b81fa65c28ba7d50a629a551b0c9b321308883?s=96&d=mm&r=g","caption":"Smita"},"sameAs":["https:\/\/smitabharat.com\/blog"],"url":"https:\/\/smitabharat.com\/blog\/author\/smita_bharat_wp\/"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/posts\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":4,"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/posts\/54\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/posts\/54\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/media?parent=54"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/categories?post=54"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smitabharat.com\/blog\/wp-json\/wp\/v2\/tags?post=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}