{"id":19391,"date":"2022-11-16T08:17:00","date_gmt":"2022-11-16T07:17:00","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=19391"},"modified":"2022-11-15T15:17:43","modified_gmt":"2022-11-15T14:17:43","slug":"video-lets-build-a-modern-react-application","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/","title":{"rendered":"Video: Let&#8217;s Build a Modern React Application"},"content":{"rendered":"\n<p>ReactJS is a powerful JavaScript library. After its latest additions, the way we build front-end apps is evolving. The benefits? We can now achieve improved application performance and maintainability. <\/p>\n\n\n\n<p>As of today, the most popular React API additions are Context, Hooks, and Suspense. In this video with Frontend Engineer Glenn Reyes, you will learn:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Useful best practices for managing our application state. <\/li>\n\n\n\n<li>Common techniques for fetching data<\/li>\n\n\n\n<li>How to shape modern React applications using a type system and a design system<\/li>\n\n\n\n<li> How to walk through emerging patterns that help us write top-notch React applications<\/li>\n\n\n\n<li>The architecture behind a modern React application<\/li>\n<\/ul>\n\n\n\n<p><strong><em>Watch the video below!<\/em><\/strong><\/p>\n\n\n\n<p>[jwp-video n=&#8221;1&#8243;]<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Let&#8217;s see some of the main reasons behind React&#8217;s popularity, its strong points, and some top products created with it.<\/p>\n\n\n\n<p>First of all, let&#8217;s not forget that React is one of the <a href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/javascript-frameworks-guide\/\" target=\"_blank\" aria-label=\"most popular JavaScript frameworks (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">most popular JavaScript frameworks<\/a>, with more than 40% of pro devs stating that they use it regularly for professional purposes according to <a aria-label=\"different surveys (opens in a new tab)\" href=\"https:\/\/stateofjs.com\/en-us\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">different surveys<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-top-advantages-of-reactjs\">Top advantages of ReactJS<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Easy to learn and use<\/li>\n\n\n\n<li>Declarative DOM<\/li>\n\n\n\n<li>SEO Friendly<\/li>\n\n\n\n<li>Friendly and supportive community<\/li>\n\n\n\n<li>Good testing capabilities<\/li>\n\n\n\n<li>Great for building interactive apps<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Famous apps created with ReactJS<\/h2>\n\n\n\n<p>Some of the most famous applications worldwide are based &#8211; at least partially- on ReactJS. Let&#8217;s take a look at some examples, from social media to messaging and on-demand video and streaming platforms.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Instagram<\/li>\n\n\n\n<li>Facebook<\/li>\n\n\n\n<li>Netflix<\/li>\n\n\n\n<li>WhatsApp<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Read more<\/h2>\n\n\n\n<p>If you want to discover more about this popular library, here are some of the most-read articles in our magazine. Discover when and how to use it, how to create a Chat App in 15 minutes with it, and the latest updates about React as of 2022. Read on, share and learn!<\/p>\n\n\n\n<p><a aria-label=\"Create a Chat App in 30 minutes with React\n (opens in a new tab)\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/create-chat-app-react-native-firebase\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">Create a Chat App in 30 minutes with React<br><\/a><a aria-label=\"State of React Native as of 2022\n (opens in a new tab)\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/react-native-alive-and-kicking-in-2022\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">State of React Native as of 2022<br><\/a><a aria-label=\"ReactJS kickoff: Gatsby, Next, or CRA? (opens in a new tab)\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/react-project-cra-nextjs-gatsby\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">ReactJS kickoff: Gatsby, Next, or CRA?<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ReactJS is a powerful JavaScript library. After its latest additions, the way we build front-end apps is evolving. The benefits? We can now achieve improved application performance and maintainability. As of today, the most popular React API additions are Context, Hooks, and Suspense. In this video with Frontend Engineer Glenn Reyes, you will learn: Watch&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/\">Read more<\/a><\/p>\n","protected":false},"author":64,"featured_media":18715,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":1,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[8],"tags":[9907,54],"collections":[],"class_list":{"0":"post-19391","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript","8":"tag-frameworks","9":"tag-react","10":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Video: Let&#039;s Build a Modern React Application - Codemotion Magazine<\/title>\n<meta name=\"description\" content=\"Discover the architecture behind modern React applications in this live class with Glenn Reyes. Watch the video!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video: Let&#039;s Build a Modern React Application\" \/>\n<meta property=\"og:description\" content=\"Discover the architecture behind modern React applications in this live class with Glenn Reyes. Watch the video!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-16T07:17:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Codemotion\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Codemotion\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/\"},\"author\":{\"name\":\"Codemotion\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c\"},\"headline\":\"Video: Let&#8217;s Build a Modern React Application\",\"datePublished\":\"2022-11-16T07:17:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/\"},\"wordCount\":308,\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg\",\"keywords\":[\"Frameworks\",\"React\"],\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/\",\"name\":\"Video: Let's Build a Modern React Application - Codemotion Magazine\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg\",\"datePublished\":\"2022-11-16T07:17:00+00:00\",\"description\":\"Discover the architecture behind modern React applications in this live class with Glenn Reyes. Watch the video!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#primaryimage\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg\",\"width\":700,\"height\":500,\"caption\":\"software development modern API application programming interface react microservices package container compile code smartphone server-less vector\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"JavaScript\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Video: Let&#8217;s Build a Modern React Application\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codemotion.Italy\/\",\"https:\/\/x.com\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c\",\"name\":\"Codemotion\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png\",\"caption\":\"Codemotion\"},\"description\":\"Articles wirtten by the Codemotion staff. Tech news, inspiration, latest treends in software development and more.\",\"sameAs\":[\"https:\/\/x.com\/CodemotionIT\"],\"url\":\"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Video: Let's Build a Modern React Application - Codemotion Magazine","description":"Discover the architecture behind modern React applications in this live class with Glenn Reyes. Watch the video!","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:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/","og_locale":"en_US","og_type":"article","og_title":"Video: Let's Build a Modern React Application","og_description":"Discover the architecture behind modern React applications in this live class with Glenn Reyes. Watch the video!","og_url":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2022-11-16T07:17:00+00:00","og_image":[{"width":700,"height":500,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg","type":"image\/jpeg"}],"author":"Codemotion","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Codemotion","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/"},"author":{"name":"Codemotion","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c"},"headline":"Video: Let&#8217;s Build a Modern React Application","datePublished":"2022-11-16T07:17:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/"},"wordCount":308,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg","keywords":["Frameworks","React"],"articleSection":["JavaScript"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/","url":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/","name":"Video: Let's Build a Modern React Application - Codemotion Magazine","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg","datePublished":"2022-11-16T07:17:00+00:00","description":"Discover the architecture behind modern React applications in this live class with Glenn Reyes. Watch the video!","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg","width":700,"height":500,"caption":"software development modern API application programming interface react microservices package container compile code smartphone server-less vector"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Frontend","item":"https:\/\/www.codemotion.com\/magazine\/frontend\/"},{"@type":"ListItem","position":3,"name":"JavaScript","item":"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/"},{"@type":"ListItem","position":4,"name":"Video: Let&#8217;s Build a Modern React Application"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c","name":"Codemotion","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png","caption":"Codemotion"},"description":"Articles wirtten by the Codemotion staff. Tech news, inspiration, latest treends in software development and more.","sameAs":["https:\/\/x.com\/CodemotionIT"],"url":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633-600x400.jpg","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633-600x500.jpg","author_info":{"display_name":"Codemotion","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg",700,500,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633-150x150.jpg",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633-300x214.jpg",300,214,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg",700,500,false],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg",700,500,false],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg",700,500,false],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg",700,500,false],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg",100,71,false],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633-180x128.jpg",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633.jpg",700,500,false],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633-400x225.jpg",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633-600x400.jpg",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/09\/iStock-1352558633-600x500.jpg",600,500,true]},"uagb_author_info":{"display_name":"Codemotion","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"},"uagb_comment_info":0,"uagb_excerpt":"ReactJS is a powerful JavaScript library. After its latest additions, the way we build front-end apps is evolving. The benefits? We can now achieve improved application performance and maintainability. As of today, the most popular React API additions are Context, Hooks, and Suspense. In this video with Frontend Engineer Glenn Reyes, you will learn: Watch&#8230;&hellip;","lang":"en","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/19391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=19391"}],"version-history":[{"count":7,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/19391\/revisions"}],"predecessor-version":[{"id":19398,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/19391\/revisions\/19398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/18715"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=19391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=19391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=19391"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=19391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}