{"id":28686,"date":"2023-05-26T11:07:16","date_gmt":"2023-05-26T11:07:16","guid":{"rendered":"https:\/\/www.confianzit.com\/cit-blog\/?p=28686"},"modified":"2023-05-26T11:14:35","modified_gmt":"2023-05-26T11:14:35","slug":"overview-of-the-latest-reactjs-features","status":"publish","type":"post","link":"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/","title":{"rendered":"Overview of the Latest ReactJS Features"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.19.0&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text module_class=&#8221;blog-left-content&#8221; _builder_version=&#8221;4.21.0&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<span style=\"font-weight: 400;\">ReactJS (AKA React or React.js) is a free and open-source JavaScript library used for building user interfaces (UI). It was created by Meta\u2014formerly Facebook\u2014and was used to make Facebook\u2019s News Feed beginning in 2011. It became open-source and free to use for the public in 2013.<\/span><\/p>\n<p><a href=\"https:\/\/www.confianzit.com\/cit-blog\/best-practices-for-developing-with-reactjs\/\"><span style=\"font-weight: 400;\">ReactJS<\/span><\/a><span style=\"font-weight: 400;\"> has undergone many updates in the past decade, with some significant changes between versions. As of 2023, React is on its 18th version, which came out in March 2022. As with any new version of major software, this came with many new features, but the developers haven&#8217;t taken it easy since. That&#8217;s why we will do a quick overview of v18.0, the more minor updates that have happened since, and some future feature releases.<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#React_v180\" title=\"React v18.0\">React v18.0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Concurrent_React\" title=\"Concurrent React\">Concurrent React<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Suspense_in_Data_Frameworks\" title=\"Suspense in Data Frameworks\">Suspense in Data Frameworks<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Server_Components\" title=\"Server Components\">Server Components<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Automatic_Batching\" title=\"Automatic Batching\">Automatic Batching<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Transitions\" title=\"Transitions\">Transitions<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#New_suspense_features\" title=\"New suspense features\">New suspense features<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Other_updates\" title=\"Other updates\">Other updates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Whats_Next_for_React_%E2%80%93_A_Look_at_Future_Updates_Releases\" title=\"What&#8217;s Next for React &#8211; A Look at Future Updates &amp; Releases\">What&#8217;s Next for React &#8211; A Look at Future Updates &amp; Releases<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Offscreen_rendering\" title=\"Offscreen rendering\">Offscreen rendering<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#React_canaries\" title=\"React canaries\">React canaries<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#React_Is_Better_Than_Ever\" title=\"React Is Better Than Ever\">React Is Better Than Ever<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Hire_Web_Developers_from_Our_Charlotte_Web_Design_Agency\" title=\"Hire Web Developers from Our Charlotte Web Design Agency\">Hire Web Developers from Our Charlotte Web Design Agency<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Talk_to_our_experts_now\" title=\"    Talk to our experts now  \">    Talk to our experts now  <\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.confianzit.com\/cit-blog\/overview-of-the-latest-reactjs-features\/#Talk_To_Our_Experts_Now\" title=\"Talk To Our Experts Now\n\t\">Talk To Our Experts Now\n\t<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"React_v180\"><\/span><span style=\"font-weight: 400;\">React v18.0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you have not yet upgraded from React v17.0, check out this guide for upgrading so you can use all the new features. They&#8217;ve also recently moved to a new website\u2014react.dev\u2014so the old homepage is now archived but still available for reference.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Concurrent_React\"><\/span><span style=\"font-weight: 400;\">Concurrent React<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">The most significant update for this version was the release of a concurrent rendering engine. While this is not really a feature, in the strictest sense of the word, concurrent rendering is powerful because of the features it unlocks. For example, concurrency allows you to prepare multiple versions of your UI simultaneously.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The developers stress that a technical understanding of concurrency isn&#8217;t strictly necessary; however, since it&#8217;s such a foundational shift in the core rendering model, it&#8217;s helpful to have a basic understanding of what it is.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Concurrency allows <\/span><a href=\"https:\/\/www.confianzit.com\/cit-blog\/best-practices-for-developing-with-reactjs\/\"><span style=\"font-weight: 400;\">React<\/span><\/a><span style=\"font-weight: 400;\"> to pause rendering or even abandon it to prioritize user interaction. However, React will keep the UI looking consistent even if rendering is interrupted by waiting to perform DOM mutations until the end of the process. It can then prepare new screens in the background.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So even if React is in the middle of rendering something large and resource-heavy, it will respond instantly to user input.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This is a significant update, especially since many complaints surrounding React center on the rendering times for complex applications.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">While concurrent rendering is compatible without updates for most of the existing features and components, a few need some help. So that the update doesn\u2019t break your app, they\u2019ve only enabled where you use the new features until you manually upgrade it.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Suspense_in_Data_Frameworks\"><\/span><span style=\"font-weight: 400;\">Suspense in Data Frameworks<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Suspense is a feature that lets you display a fallback until all its children are done loading. As of React 18, Suspense is now available for date fetching in opinionated frameworks. This includes Relay, Hydrogen, Remix, and Next.js.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The <\/span><a href=\"https:\/\/www.confianzit.com\/hire-a-developer\"><span style=\"font-weight: 400;\">developers<\/span><\/a><span style=\"font-weight: 400;\"> say that in the future, they may expose additional primitives to make it easier to access data with Suspense without an opinionated framework. However, they expect libraries and frameworks to continue to be integral to React\u2019s ecosystem.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Server_Components\"><\/span><span style=\"font-weight: 400;\">Server Components<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">While Server Components was still in development at the time of React 18\u2019s release, it is now out as of March 2023. React Server Components (RSC) is a new application architecture. The team has introduced server components that are excluded from the JavaScript bundle and run ahead of time.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It&#8217;s a basic component type that fetches data for rapid rendering by retrieving data from the server and rendering its content on the server side. Since there is no client-side interaction, <\/span><a href=\"https:\/\/www.confianzit.com\/hire-a-developer\"><span style=\"font-weight: 400;\">developers<\/span><\/a><span style=\"font-weight: 400;\"> can create apps spanning the client and server.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This solution is a best-of-both-worlds situation where you get the interactivity of client-side applications and the performance of server rendering.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Automatic_Batching\"><\/span><span style=\"font-weight: 400;\">Automatic Batching<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Another new feature that translates into a significant performance upgrade is automatic batching. Automatic batching allows you to group multiple updates into a single update, reducing the time spent updating components and increasing efficiency.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This combined concurrency should improve how responsive applications made with React are.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Transitions\"><\/span><span style=\"font-weight: 400;\">Transitions<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">This is another feature, like lazy loading, that allows you to prioritize what needs to react immediately and what can take longer without hurting the user&#8217;s experience. For example, transitions prioritize updates based on whether or not they require immediate feedback not to feel jarring to the user.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Urgent updates include typing and clicking and any other interactions. Transition updates are shifts in the UI from one view to another that don\u2019t have to be immediate.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"New_suspense_features\"><\/span><span style=\"font-weight: 400;\">New suspense features<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">While Suspense isn&#8217;t new, it was limited in previous versions, only usable for lazy-loading. Now in v18, you can declaratively specify the loading state for any part of your component tree.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Other_updates\"><\/span><span style=\"font-weight: 400;\">Other updates<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">These are more minor updates that you can read more about in the official release:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">New Client and Server Rendering APIs\u00a0<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">React DOM Client\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">React DOM Server\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">New strict mode behavior<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">New hooks<\/span>\n<ul>\n<li><span style=\"font-weight: 400;\">useId\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">useTransition\u00a0<\/span><\/li>\n<li><span style=\"font-weight: 400;\">useDeferredValue<\/span><\/li>\n<li><span style=\"font-weight: 400;\">useSyncExternalStore<\/span><\/li>\n<li><span style=\"font-weight: 400;\">useInsertionEffect<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Whats_Next_for_React_%E2%80%93_A_Look_at_Future_Updates_Releases\"><\/span><span style=\"font-weight: 400;\">What&#8217;s Next for React &#8211; A Look at Future Updates &amp; Releases<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Some updates have been hinted at but haven&#8217;t yet come to fruition. Here are a few things developers are expecting with the next release.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Offscreen_rendering\"><\/span><span style=\"font-weight: 400;\">Offscreen rendering<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">This feature was first hinted at in the v18 release, and the developers have said they&#8217;re still working on optimizing it. However, it&#8217;s a feature that should help render screens in the background without putting additional strain on your performance. This has a lot of implications, including being able to prerender screens so they&#8217;re instantly available and improving tab switching.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Although there isn\u2019t an official release date, they expect to release an RFC later in the year with an experimental API.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"React_canaries\"><\/span><span style=\"font-weight: 400;\">React canaries<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">This is less of a future update and mainly just a new way to receive updates. Meta often uses non-stable versions of React that aren\u2019t available to the public. But now those versions will be available publicly. <\/span><a href=\"https:\/\/www.confianzit.com\/cit-blog\/best-practices-for-developing-with-reactjs\/\"><span style=\"font-weight: 400;\">React<\/span><\/a><span style=\"font-weight: 400;\"> now has a Canary channel where you can download features that are almost stable and finalized, but not quite.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"React_Is_Better_Than_Ever\"><\/span><span style=\"font-weight: 400;\">React Is Better Than Ever<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">One of the best parts of <\/span><a href=\"https:\/\/www.confianzit.com\/cit-blog\/best-practices-for-developing-with-reactjs\/\"><span style=\"font-weight: 400;\">React<\/span><\/a><span style=\"font-weight: 400;\"> is how it continues to improve as the team behind it takes user critique and implements improvements. The updates since Version 18 have done a lot to mitigate some of the performance issues that have previously plagued React. The next version promises features that will push things even further in the right direction, so stay tuned.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you want to create an app, <\/span><a href=\"https:\/\/www.confianzit.com\/\"><span style=\"font-weight: 400;\">Confianz<\/span><\/a><span style=\"font-weight: 400;\"> can help. We partner with businesses to help them bring their products to the next level.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Hire_Web_Developers_from_Our_Charlotte_Web_Design_Agency\"><\/span><a href=\"https:\/\/www.confianzit.com\/hire-a-developer\"><span style=\"font-weight: 400;\">Hire Web Developers<\/span><\/a><span style=\"font-weight: 400;\"> from Our Charlotte Web Design Agency<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Looking for assistance in developing a professional website for your company that instills trust, fosters loyalty, and enhances your brand identity? Enlist the expertise of our <\/span><a href=\"https:\/\/www.confianzit.com\/web-design-development-company\"><span style=\"font-weight: 400;\">Charlotte-based Web Design Agency<\/span><\/a><span style=\"font-weight: 400;\">, where our team of <\/span><a href=\"https:\/\/www.confianzit.com\/hire-react-developer\"><span style=\"font-weight: 400;\">skilled web developers<\/span><\/a><span style=\"font-weight: 400;\"> will craft visually appealing designs that effectively convert users into customers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Whether you are a burgeoning startup, small or medium-sized business, or a large corporation, our experienced professionals are equipped to transform your vision into a tangible online presence. Take the next step in your digital journey by <\/span><a href=\"https:\/\/www.confianzit.com\/hire-a-developer\"><span style=\"font-weight: 400;\">hiring one of our software developers<\/span><\/a><span style=\"font-weight: 400;\"> today, specializing in <\/span><a href=\"https:\/\/www.confianzit.com\/web-design-development-company\"><span style=\"font-weight: 400;\">Web app development<\/span><\/a><span style=\"font-weight: 400;\"> and <\/span><a href=\"https:\/\/www.confianzit.com\/mobile-app-development\"><span style=\"font-weight: 400;\">Mobile application development<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So <\/span><a href=\"https:\/\/www.confianzit.com\/contact-us\"><span style=\"font-weight: 400;\">contact us today<\/span><\/a><span style=\"font-weight: 400;\"> and get started!<\/span>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_code _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; animation_style=&#8221;bounce&#8221; animation_direction=&#8221;top&#8221; sticky_position=&#8221;top&#8221; sticky_offset_top=&#8221;20px&#8221; sticky_limit_bottom=&#8221;column&#8221; sticky_transition=&#8221;off&#8221; motion_trigger_start=&#8221;top&#8221; global_module=&#8221;2151&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"blog-floating-form\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Talk_to_our_experts_now\"><\/span><!-- [et_pb_line_break_holder] -->    Talk to our experts now<!-- [et_pb_line_break_holder] -->  <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><!-- [et_pb_line_break_holder] -->  \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1888-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/cit-blog\/wp-json\/wp\/v2\/posts\/28686#wpcf7-f1888-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1888\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.8.6\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1888-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n<div class=\"form-block\" style=\"    background: #fff;\">\n\t<h3 style=\"    background: #0C2464;\n    border-bottom: 5px solid #cecece;\n    border-radius: 5px 5px 90px 90px;\n    margin: 0 auto;\n    text-align: center;\n    padding: 20px;\n    color: #fff;    margin-bottom: 15px;\"><span class=\"ez-toc-section\" id=\"Talk_To_Our_Experts_Now\"><\/span><b>Talk To Our Experts Now<\/b>\n\t<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\t<div style=\"padding:20px;\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required your-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/p>\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email your-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-number\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel your-number\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone Number\" value=\"\" type=\"tel\" name=\"your-number\" \/><\/span>\n\t\t<\/p>\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-message\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Message\" name=\"message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<span class=\"wpcf7-form-control-wrap recaptcha\" data-name=\"recaptcha\"><span data-sitekey=\"6LfFkQATAAAAAIYlZ_UH9UozO-OLkpAaWPWx6QtM\" class=\"wpcf7-form-control wpcf7-recaptcha g-recaptcha\"><\/span>\r\n<noscript>\r\n\t<div class=\"grecaptcha-noscript\">\r\n\t\t<iframe loading=\"lazy\" src=\"https:\/\/www.google.com\/recaptcha\/api\/fallback?k=6LfFkQATAAAAAIYlZ_UH9UozO-OLkpAaWPWx6QtM\" frameborder=\"0\" scrolling=\"no\" width=\"310\" height=\"430\">\r\n\t\t<\/iframe>\r\n\t\t<textarea name=\"g-recaptcha-response\" rows=\"3\" cols=\"40\" placeholder=\"reCaptcha Response Here\">\r\n\t\t<\/textarea>\r\n\t<\/div>\r\n<\/noscript>\r\n<\/span>\n\t\t<div class=\"form-buttons\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Get a free quote\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>ReactJS (AKA React or React.js) is a free and open-source JavaScript library used for building user interfaces (UI). It was created by Meta\u2014formerly Facebook\u2014and was used to make Facebook\u2019s News Feed beginning in 2011. It became open-source and free to use for the public in 2013. ReactJS has undergone many updates in the past decade, [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":28691,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[427],"tags":[150,429,268,98,110],"_links":{"self":[{"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/posts\/28686"}],"collection":[{"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/comments?post=28686"}],"version-history":[{"count":4,"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/posts\/28686\/revisions"}],"predecessor-version":[{"id":28690,"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/posts\/28686\/revisions\/28690"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/media\/28691"}],"wp:attachment":[{"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/media?parent=28686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/categories?post=28686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.confianzit.com\/cit-blog\/wp-json\/wp\/v2\/tags?post=28686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}