{"id":456,"date":"2021-06-18T06:43:35","date_gmt":"2021-06-18T06:43:35","guid":{"rendered":"https:\/\/blog.a2design.biz\/?p=456"},"modified":"2024-05-16T11:58:30","modified_gmt":"2024-05-16T11:58:30","slug":"why-is-react-js-so-popular","status":"publish","type":"post","link":"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/","title":{"rendered":"Why is React JS so popular?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1020\" height=\"550\" src=\"https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2023\/03\/Frame-55.jpg\" alt=\"React JS technology\" class=\"wp-image-1165\" srcset=\"https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2023\/03\/Frame-55.jpg 1020w, https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2023\/03\/Frame-55-400x216.jpg 400w, https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2023\/03\/Frame-55-768x414.jpg 768w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/figure>\n\n\n\n<p>React JS is one of the most advanced technologies, and many industry experts have recognized this fact. <br>Some of the major brands like <a href=\"https:\/\/www.netflix.com\/\">Netflix<\/a>, <a href=\"https:\/\/www.facebook.com\/\">Facebook<\/a>, <a href=\"https:\/\/www.instagram.com\/\">Instagram<\/a>, etc. are powered by this library.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft is-resized\"><img decoding=\"async\" src=\"https:\/\/ml7xv5cyrbjc.i.optimole.com\/w:auto\/h:auto\/q:auto\/https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/Ekran-Resmi-2019-11-18-18.08.13.png\" alt=\"React JS technology\" class=\"wp-image-458\" width=\"481\" height=\"274\" srcset=\"https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/Ekran-Resmi-2019-11-18-18.08.13.png 1000w, https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/Ekran-Resmi-2019-11-18-18.08.13-400x228.png 400w, https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/Ekran-Resmi-2019-11-18-18.08.13-768x438.png 768w\" sizes=\"(max-width: 481px) 100vw, 481px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>What Is React JS?<\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/React_(software)\">React <\/a>is a JavaScript library that specializes in helping developers build user interfaces, or UIs. In terms of websites and web applications, UIs are the collection of on-screen menus, search bars, buttons, and anything else someone interacts with to USE a website or app.<\/p>\n\n\n\n<p>Before the library, developers were stuck building UIs by hand with \u201cvanilla JavaScript\u201d or with less UI-focused React predecessors like jQuery. That meant longer development times and plenty of opportunities for errors and bugs. <\/p>\n\n\n\n<p>So, in 2011, Facebook engineer Jordan Walke created React JS&nbsp; specifically to improve UI development.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft is-resized\"><img decoding=\"async\" src=\"https:\/\/ml7xv5cyrbjc.i.optimole.com\/w:auto\/h:auto\/q:auto\/https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/tweet.png\" alt=\"Reatc JS technology creator\" class=\"wp-image-459\" width=\"524\" height=\"477\" srcset=\"https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/tweet.png 574w, https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/tweet-400x364.png 400w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/><\/figure>\n<\/div>\n\n\n<p>In a post, Walke tweeted that after spending more than a decade at the social media giant, he is finally leaving the company. Besides this, Walke mentioned that from now on he will also be investing more in startups as opportunities arise as well as investing in open-source projects\/communities including React JS related technologies, UI frameworks, programming languages and other such.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What Does Code Look Like?<\/strong><\/h2>\n\n\n\n<p>It has a few different kinds of components. Here are the examples. Component Subclasses:<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide\"><img decoding=\"async\" width=\"1194\" height=\"469\" src=\"https:\/\/ml7xv5cyrbjc.i.optimole.com\/w:1024\/h:402\/q:auto\/https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/react.png\" alt=\"React JS code\" class=\"wp-image-460\" srcset=\"https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/react.png 1194w, https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/react-400x157.png 400w, https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/react-1024x402.png 1024w, https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/react-768x302.png 768w\" sizes=\"(max-width: 1194px) 100vw, 1194px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The React JS Ecosystem<\/strong><\/h2>\n\n\n\n<p>React JS is an open source project, meaning anyone can download and modify its source code for free. This also means that, whatever specific UI function you\u2019re hoping to address with React JS, there\u2019s a React library to meet your needs. Your React library size can grow exponentially with React\u2019s community curated library add-ons (opens in a new tab), ranging from collections of individual UI features to complete React JS templates for building UI\u2019s from the ground up.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>React is the future of the software industry; why?<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fast Rate of Interface Rendering<\/li>\n\n\n\n<li>Easy-to-Use for Software Developers<\/li>\n\n\n\n<li>Integration with Advanced Third-Party Solutions<\/li>\n\n\n\n<li>Multipurpose Uses of Code<\/li>\n\n\n\n<li>Efficient Design and Developer Tools<\/li>\n<\/ul>\n\n\n\n<p>Is there any doubt in React JS&#8217; credibility when companies like Facebook, Netflix, Uber, Airbnb, and Yahoo! are using it? The reason for the popularity of this technology among the most ambitious companies is to focus on the high performance and flexibility of software.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Get A2 Design to build your React JS app<\/strong><\/h2>\n\n\n\n<p>We have launched dozens of React JS projects successfully.&nbsp; If you wish to <a href=\"https:\/\/www.a2design.biz\/services\/software-product-development-services\">create your own digital product<\/a> with React JS &#8211; we have<a href=\"https:\/\/www.a2design.biz\/services\/dedicated-development-team-services\"> a team of experienced developers<\/a> that have successfully can help you with that.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Our React JS Portfolio<\/strong><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"project__item-block\" style=\"background-color: #2D59ED; margin-top: 40px\">\n                <div class=\"section__wrap_projects\">\n                    <div class=\"project__item-md-left\">\n                        <a href=\"https:\/\/www.a2design.biz\/portfolio\/multimuse\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"View Case Study\"><img decoding=\"async\" src=\"https:\/\/www.a2design.biz\/img\/home\/multimuse.png\" alt=\"MultiMuse\"><\/a>\n                    <\/div>\n\n                    <div class=\"project__item-md-right\">\n                        <div class=\"technology-block\">\n                            <span class=\"technology\">Ruby on Rails<\/span>\n                            <span class=\"technology\">ReactJS<\/span>\n                            <span class=\"technology\">React Native<\/span>\n                            <span class=\"technology\">Agile<\/span>\n                        <\/div>\n\n\n                        <div class=\"icon-block\">\n                            <div class=\"icon-canada\"><\/div>\n                        <\/div>\n\n                        <div class=\"project__description\">\n\n                            <a href=\"https:\/\/www.a2design.biz\/portfolio\/multimuse\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"View Case Study\" class=\"project__link-text-title\">The Social Media Platform<\/a>\n\n                            <div class=\"project__item-description\">\n                                <p class=\"project__text\">MultiMuse is a state of the art social media platform built for aspiring creators, established creators and devoted supporters.<\/p>\n                                <p class=\"project__text\">Five members of the A2 Design team are currently working with MultiMuse to develop the main site backend (Ruby on Rails), frontend (React.js), and mobile app (React Native).<\/p>\n                            <\/div>\n\n                            <a href=\"https:\/\/www.a2design.biz\/portfolio\/multimuse\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"project__view-case\">View Case Study<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"project__item-block\" style=\"background-color: #228090\">\n                <div class=\"section__wrap_projects\">\n                    <div class=\"project__item-md-left\">\n                        <a href=\"https:\/\/www.a2design.biz\/portfolio\/mad-paws\" title=\"View Case Study\"><img decoding=\"async\" src=\"https:\/\/www.a2design.biz\/img\/home\/madpaws.png\" alt=\"Mad Paws\"><\/a>\n                    <\/div>\n\n                    <div class=\"project__item-md-right\">\n\n                        <div class=\"technology-block\">\n\n                            <span class=\"technology\">Laravel<\/span>\n                            <span class=\"technology\">Agile<\/span>\n                            <span class=\"technology\">ReactJS<\/span>\n                            <span class=\"technology\">Ionic<\/span>\n                            <span class=\"technology\">WordPress<\/span>\n                        <\/div>\n\n                        <div class=\"icon-block\">\n                            <div class=\"icon-australia\"><\/div>\n                        <\/div>\n\n                        <div class=\"project__description\">\n\n                            <a href=\"https:\/\/www.a2design.biz\/portfolio\/mad-paws\" title=\"View Case Study\" class=\"project__link-text-title\">A Pet Sitting Community<\/a>\n\n                            <div class=\"project__item-description\">\n                                <p class=\"project__text\">MadPaws is a Sydney-based pet services startup. 6&nbsp;members of the A2&nbsp;Design team are currently working with the&nbsp;Mad Paws team to develop the main site backend (Laravel framework), frontend, blog (WordPress CMS), and mobile applications (Ionic framework).<\/p>\n                                <p class=\"project__text\">Raised $5 million of investments through Series&nbsp;A funding from investors including Qantas, and Airtasker CEO Tim Fung.<\/p>\n                            <\/div>\n\n                            <a href=\"https:\/\/www.a2design.biz\/portfolio\/mad-paws\" class=\"project__view-case\">View Case Study<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"project__item-block project__item-block-light\" style=\"background-color: #FFC638\">\n                <div class=\"section__wrap_projects\">\n                    <div class=\"project__item-md-left\">\n                        <a href=\"https:\/\/www.a2design.biz\/portfolio\/almonature\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"View Case Study\"><img decoding=\"async\" src=\"https:\/\/www.a2design.biz\/img\/home\/almonature.png\" alt=\"Mad Paws\"><\/a>\n                    <\/div>\n\n                    <div class=\"project__item-md-right\">\n\n                        <div class=\"technology-block\">\n                            <span class=\"technology\">ReactJS<\/span>\n                            <span class=\"technology\">WordPress<\/span>\n                            <span class=\"technology\">Multi language<\/span>\n                            <span class=\"technology\">Agile<\/span>\n                        <\/div>\n\n\n                        <div class=\"icon-block\">\n                            <div class=\"icon-italy\"><\/div>\n                        <\/div>\n\n                        <div class=\"project__description\">\n\n                            <a href=\"https:\/\/www.a2design.biz\/portfolio\/almonature\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"View Case Study\" class=\"project__link-text-title\">Multi European Platform<\/a>\n\n                            <div class=\"project__item-description\">\n                                <p class=\"project__text\">AlmoNature is an Italian brand of pet food produced with natural ingredients.<\/p>\n                                <p class=\"project__text\">Six members of the A2Design team are currently working with AlmoNature to develop the main site backend (WordPress) and frontend (React.js).<\/p>\n                                <p class=\"project__text\">The company has been popular in Europe for more than 20 years. Now it&#8217;s getting a brand-new unique marketing project developed by the A2 Design Team which will bring the brand into the digital space.<\/p>\n                            <\/div>\n\n                            <a href=\"https:\/\/www.a2design.biz\/portfolio\/almonature\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"project__view-case\">View Case Study<\/a>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n\n<style>\n.project__item-block a {\n   background-image: none !important;\n}\n.project__item-block {\nmargin-bottom: 80px;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    max-width: 100% !important;\n}\n.project {\n  font-size: 0;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  text-align: left;\n}\n\n.icon-italy {\n  background-image: url(\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAKrBAMAAACdOOKnAAAABGdBTUEAALGPC\/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAD1BMVEUAkkar28L\/\/\/\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\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  width: 32px;\n  height: 17px;\n}\n.icon-canada {\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' xmlns:xlink='http:\/\/www.w3.org\/1999\/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Crect y='85.331' style='fill:%23F0F0F0;' width='512' height='341.326'\/%3E%3Crect y='85.331' style='fill:%23D80027;' width='170.663' height='341.337'\/%3E%3Crect x='341.337' y='85.331' style='fill:%23D80027;' width='170.663' height='341.337'\/%3E%3Cpolygon style='fill:%23D80027;' points='288,279.704 320,263.704 304,255.705 304,239.705 272,255.705 288,223.705 272,223.705 256,199.704 240,223.705 224,223.705 240,255.705 208,239.705 208,255.705 192,263.704 224,279.704 216.001,295.704 248.001,295.704 248.001,319.705 264.001,319.705 264.001,295.704 296.001,295.704 '\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  width: 30px;\n  height: 28px;\n}\n.icon-canada_case {\n  top: -3px !important;\n}\n.icon-italy_case {\n  vertical-align: baseline;\n  width: 38px;\n  height: 22px;\n}\n\n.icon-australia {\n  background-image: url(\"data:image\/jpeg;base64,\/9j\/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP\/sABFEdWNreQABAAQAAABkAAD\/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI\/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUQzQThGRTVGOTU3MTFFNThCQzhDNjU5NUFCMTBGRDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUQzQThGRTZGOTU3MTFFNThCQzhDNjU5NUFCMTBGRDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RDNBOEZFM0Y5NTcxMUU1OEJDOEM2NTk1QUIxMEZENCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RDNBOEZFNEY5NTcxMUU1OEJDOEM2NTk1QUIxMEZENCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI\/Pv\/uAA5BZG9iZQBkwAAAAAH\/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA\/\/AABEIABgALAMBEQACEQEDEQH\/xACQAAEAAQUBAAAAAAAAAAAAAAAHCAACAwYJCgEAAAYDAQAAAAAAAAAAAAAAAAECBQYHAwQICRAAAAYBBQABAgQHAAAAAAAAAgMEBQYHARESExQIACEVQSMWCXEiQtIzVBcRAAIBAwMDAQYEBwAAAAAAAAECAxEEBQASBiETB1HwMUFhIgiBkTIUcaHBIzNDFf\/aAAwDAQACEQMRAD8AkO21AC463dKf9IeevV3uWNV+VlM0SlyavM0dtOk2xzAsEUrY7lq6zlUyrFadkJisAj1JbI5jLEBQ2GY1HiCHzby\/x3lI85494ZyzimAclp8dcvPdYiVR1ZrdL2yR7Kh6sIp3ip0VIxSnocn29eL\/ACNHJZ8z8y+Js3zF1HYyFlFk7PL1ACol1Fbo9vlkAIjDPZpeIdrPdzMSCaq\/OUctZ1snzXKPK\/vOTV\/ShHkxUkhbE51kG4YizVDVkjhzGp9CKywMcZXt06YXwxxSiZzEBCgtPuVZwXkQBVZwz7h+d8d81+QvIeA49dw8k5HFZCQG3adcaDGkrSrBLEULSBN8H7n+2qMGpMBXV\/c2+13xpl\/ty8S8L5B5K4Y2A4\/c59o7p5ry2tM889wqG3sbi3R7uP8AZSFYb3aonMpCwtET0I\/3BG5XB\/J9lQSmartryvSzHGIf96rFwjfmhzcLAaFM1jqlqV2narXN3W2E8NULclnom6IMzShVnEkdsS0kGRl9U\/bpza+5F5MxWQ5Pw3k93yjKvMp5RlJrieOGEQzNS3Bso7OCE7RFttpIkqwAHXYeMvPni7jvGuGZKPA+WvHN5isK8bpw\/A219aTSXRaOFt8c1WnvY0czzS5GSSfajEBX6684YVyzlT8q1bhP2kvcySePKjodorv9TBg+HK7p8nBv\/L5du\/8Al1+ejJRdpoBuoaV91adK\/KtK060rTrrhiv8AHTNaDTA5HbFll+Q2j0JLaHjiHEnjBlmMpL1brJAWlmav1ZMbVT14nWR6PMTZJD1OO7+UkTIRJ+cYTBZ+NWPlvLfGwHk72UWYkbY3abbC0hY7EiMhDMxWn09SWrt6DS2AZj2txQfn+OijvqfsnP8AcFe37jpu7x\/Bx9Tfv283Dp+O\/TXT8dPjnsHdptFdvp8\/bppHw1Ma0fftyyOCjqKs4nTvkun0Brp2K+8xQsuCMy4s4agntOjmqMcZE9Ow2oeU651c1Lk9rxh58rShZ4w0\/jfB3FJc4vJ+c3N\/y7ORy77YZUxtZWfUFRbYyJVs96n\/AGzrMxPUBDqwo\/JecxGHbA8Fhg41YTQrHdzWLynJX5Wu43OVkP7pImJJW1sf2UCKe24nHU77ZNw+5YbQlRypyqqwvP0GPOpv\/lXo+KL7GikkWOHmaHuVQRtSnmRjiFvWm2KjmeV5pRhitO\/BLypSAOQlKBBYeG+HfGuE8vcx8hWOSfKci5YkS3+OuEt3tIEQKyrAir3CqiLa4k\/xklDQlRp55X5h5Py3xPw7xHfWlrbYHhU9\/LZXULSi6nfIOHmNxU9tNjAGMwgE+9uuiC6\/Zkn9F18njly0d51kdto1pJ6f1PGYEnrm4T0pJiXdh8YIaW31y6SJYkS5TKHZGgauwQcPJyU07Q75LONeHeOcI5L\/AN7g17lcRiZGZrnEQzB8RdMysC7WkoYW8ilg6S2picFdrFkZl1Hcr5G5JyTCf8Xl4t8xPHGqW1\/dqXylmqFdsceQDCee2oGU2t4biL6y6bGVSAxwmFdqqViNfoKbbWq3mSyZRK5V6IBMHxW7TmvndpKRxqqFFfHFYjbGliLmESsLmQPKlToEIsYyIzIrGS1vly0t690zYt4ERLbYoWORTVpu5+pi46bSKCvyFIQSuwLt+sH3+o9KazRCzJFVrC5KKkse0YHOLHik\/qm707ErbGSHS2l5MazZSQNOvbzzJA\/NUsLSnZkiFwJJTAGnS9QY8ZNzgrmwiyE4XJwW81lBJHNbltzSJOu6shB+lSnTtMpJILbgOmgG2j6SQxqD8x7e\/R\/xFfp\/g4yuH7jxcO3HHxdHbx7NNOPZ9NNNNPp83qnvVqa0\/rpPw\/HVODcrOUrQiRLBFmqD9wRJ1RQshEYLUItAANBrj6Zx9BY+BHUKOorT1Gi1P6\/P3IfUPpHyPRvi2xUUSDU1BmRU2NLmSGMza\/P+YjG3aOMwXchIyJmaO4ZU7pgLUKOktA0LeWYgOysIUnZzC8NwXAYLkl3yiyaU5C737gzkqu9gxoSxZ91Pr7pfcxDjaVGs73EjxCJqbV9valNc+ugu\/wBNX\/Hrnf2fJtvT1H56wddXAQrMGpxmIFhhJapKapJwUeSJUkKUlGK0QTwlCGlEtShGVg4OMiKyPfjGchxj4RdaEBgGIND6GnQ\/Oh60+Pu0NJt0vFbzO1JjKaNpl6oiondU2Dg9Qu0yeLNc4UiSsjaidCF08dkydwkBzu\/J1S\/UYNEwFISAiEEvAst+Jhv7THRW2XulvMmoPcmCCIOSxK0jHRdqkL8yCfjpb7SxKAqvp7\/560LqLPs\/F0l2v3Pfr01Wzb1dP8vFxbtf6dd2n100+b25e5Wo\/T6j10mnTX\/\/2Q==\");\n  background-repeat: no-repeat;\n  background-position: 0px 0px;\n  display: inline-block;\n  width: 45px;\n  height: 24px;\n  margin-left: 5px;\n  background-size: contain;\n  background-position: 0px 0px;\n}\n.icon-australia_margin {\n  margin-right: 10px;\n}\n@media (min-width: 800px) {\n  .progect__item {\n    display: inline-block;\n    overflow: hidden;\n    width: 50%;\n  }\n}\n.project__item-block {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  font-size: 0;\n  padding: 4.3% 0 2.8% !important;\n}\n.technology-block {\n  display: inline-block;\n  width: 62%;\n  vertical-align: middle;\n}\n@media (max-width: 767px) {\n  .technology-block {\n    width: 85%;\n  }\n}\n.technology-block .technology {\n  color: #fff;\n  font-family: 'PT Sans',sans-serif;\n  font-size: 15px;\n  padding: 0;\n  text-decoration: none;\n  background-color: unset;\n  margin: 0 0.6% 0 0;\n  font-weight: 700;\n}\n.technology-block .technology:after {\n  content: '\/';\n  display: inline-block;\n  margin-left: 0.5%;\n  color: #fc4b49;\n}\n.technology-block {\n  margin-top: -2%;\n}\n.technology-block .technology:last-child:after {\n  content: '';\n}\n.project__item-md-left {\n  width: 47%;\n  display: inline-block;\n  text-align: right;\n  vertical-align: top;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n@media (max-width: 767px) {\n  .project__item-md-left {\n    width: 100%;\n    padding: 1%;\n  }\n}\n.project__item-md-left img {\n  max-width: 100%;\n  width: 80%;\n  margin-right: 5.5%;\n}\n@media (max-width: 767px) {\n  .project__item-md-left img {\n    width: 100%;\n    margin: 0;\n  }\n}\n.project__item-md-right {\n  width: 53%;\n  display: inline-block;\n  padding-left: 0.6%;\n  vertical-align: top;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n@media (max-width: 767px) {\n  .project__item-md-right {\n    width: 100%;\n    padding: 2% 5%;\n  }\n}\n.project__link-text-title {\n  font-family: 'HeliosCond', sans-serif;\n  font-size: 40px;\n  display: inline-block;\n  padding: 0;\n  text-decoration: none;\n  color: #fff;\n  outline: none;\n  margin-top: 1.9%;\n}\n@media (max-width: 767px) {\n  .project__link-text-title {\n    font-size: 32px;\n  }\n}\n.project__item-description {\n  margin-top: 3%;\n  width: 66%;\n}\n@media (max-width: 767px) {\n  .project__item-description {\n    width: 100%;\n  }\n}\n.icon-block {\n  display: inline-block;\n  vertical-align: middle;\n  margin-top: -2%;\n}\n.icon-block .icon-australia {\n  vertical-align: middle;\n  margin: 0;\n  width: 32px;\n  height: 17px;\n}\n.project__text {\n  font-family: 'PT Sans',sans-serif !important;\n  font-size: 19px !important;\n  margin: 0 auto !important;\n  padding: 0 !important;\n  color: #fff !important;\n  margin-top: 15px !important;\n}\n.project__item-block-light .technology-block .technology {\n  color: #333 !important;\n}\n.project__item-block-light .project__link-text-title {\n  color: #333 !important;\n}\n.project__item-block-light .project__text {\n  color: #333 !important;\n}\n.project__view-case {\n  font-family: 'HeliosCond', sans-serif;\n  display: inline-block;\n  margin: 25px auto 0;\n  text-decoration: none;\n  color: #fff;\n  border: 0;\n  border-radius: 50px;\n  outline: none;\n  background-color: #fc4b49;\n  -webkit-transition: 0.3s;\n  transition: 0.3s;\n  padding: 10px 35px 10px 35px;\n  font-size: 19px;\n}\n.project__view-case:hover {\n  color: #fff;\n  outline: none;\n  -webkit-box-shadow: 3px 5px 0 0 rgba(202,59,45,0.9);\n          box-shadow: 3px 5px 0 0 rgba(202,59,45,0.9);\n}\n.progect__item {\n  font-size: 0;\n  position: relative;\n  margin: 0;\n  padding: 0;\n}\n.progect__item.js-progect-description-inside .progect__description,\n.progect__item:hover .progect__description {\n  -webkit-transition-delay: 0s;\n          transition-delay: 0s;\n  opacity: 1;\n}\n.progect__item.js-progect-description-inside .progect__description-row_transition1,\n.progect__item:hover .progect__description-row_transition1 {\n  -webkit-transition-delay: 0.1s;\n          transition-delay: 0.1s;\n  -webkit-transform: translateY(0px);\n          transform: translateY(0px);\n  opacity: 1;\n}\n.progect__item.js-progect-description-inside .progect__description-row_transition2,\n.progect__item:hover .progect__description-row_transition2 {\n  -webkit-transition-delay: 0.2s;\n          transition-delay: 0.2s;\n  -webkit-transform: translateY(0px);\n          transform: translateY(0px);\n  opacity: 1;\n}\n.progect__item.js-progect-description-inside .progect__description-row_transition3,\n.progect__item:hover .progect__description-row_transition3 {\n  -webkit-transition-delay: 0.3s;\n          transition-delay: 0.3s;\n  -webkit-transform: translateY(0px);\n          transform: translateY(0px);\n  opacity: 1;\n}\n.progect__item.js-progect-description-inside .progect__description-row_transition4,\n.progect__item:hover .progect__description-row_transition4 {\n  -webkit-transition-delay: 0.4s;\n          transition-delay: 0.4s;\n  -webkit-transform: translateY(0px);\n          transform: translateY(0px);\n  opacity: 1;\n}\n.progect__img {\n  width: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: 50% 50%;\n     object-position: 50% 50%;\n}\n.progect__item-wrap {\n  font-size: 0;\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n}\n.progect__description {\n  font-size: 0;\n  position: absolute;\n  z-index: 100;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  overflow: hidden;\n  width: 100%;\n  margin: 0;\n  padding: 10px;\n  -webkit-transition: all 0.3s ease-in 0.2s;\n  transition: all 0.3s ease-in 0.2s;\n  opacity: 0;\n}\n.progect__description_clc {\n  background-color: #0eb7b9;\n}\n.progect__description_fox-tutors {\n  background-color: #d97206;\n}\n.progect__description_hashtagio {\n  background-color: #a95faa;\n}\n.progect__description_last-minute {\n  background-color: #48b6ce;\n}\n.progect__description_aquatica {\n  background-color: #b3b5a8;\n}\n.progect__description_state-fit {\n  background-color: #383838;\n}\n.progect__description_universal-tint {\n  background-color: #232323;\n}\n.progect__description-row {\n  padding: 10px 0;\n  text-align: center;\n  color: #fff;\n}\n@media (max-width: 414px) {\n  .progect__description-row > div {\n    display: none;\n  }\n}\n.progect__text {\n  font-family: 'PT-Sans';\n  font-size: 18px;\n  margin: 0 auto;\n  padding: 0;\n  color: #fff;\n}\n.progect__title {\n  font-family: 'HeliosCond';\n  font-size: 28px;\n  display: inline-block;\n  padding: 0;\n  margin: 0;\n  color: #fff;\n}\n.progect__link-text {\n  font-family: 'HeliosCond';\n  font-size: 28px;\n  display: inline-block;\n  padding: 0;\n  text-decoration: none;\n  color: #fff;\n  outline: none;\n}\n.progect__link-text:hover {\n  text-decoration: underline;\n  color: #fff2ee;\n  outline: none;\n}\n.progect__link-text:active {\n  text-decoration: underline;\n  color: #fee5dd;\n  outline: none;\n}\n@media (max-width: 414px) {\n  .progect__link-text {\n    font-size: 16px;\n    margin-bottom: 7px;\n  }\n}\n.progect__support-text {\n  font-family: 'HeliosCond';\n  font-size: 27px;\n  line-height: 60px;\n  position: absolute;\n  z-index: 110;\n  bottom: 0;\n  width: 100%;\n  padding: 0 10px;\n  text-align: left;\n  vertical-align: middle;\n  color: #fff;\n  background-color: rgba(0,0,0,0.8);\n}\n.progect__description-row_transition1 {\n  -webkit-transition: all 0.3s ease-in-out 0.1s;\n  transition: all 0.3s ease-in-out 0.1s;\n  -webkit-transform: translateY(100px);\n          transform: translateY(100px);\n  opacity: 0;\n}\n.progect__description-row_transition2 {\n  -webkit-transition: all 0.3s ease-in-out 0.1s;\n  transition: all 0.3s ease-in-out 0.1s;\n  -webkit-transform: translateY(100px);\n          transform: translateY(100px);\n  opacity: 0;\n}\n.progect__description-row_transition3 {\n  -webkit-transition: all 0.3s ease-in-out 0.1s;\n  transition: all 0.3s ease-in-out 0.1s;\n  -webkit-transform: translateY(100px);\n          transform: translateY(100px);\n  opacity: 0;\n}\n.progect__description-row_transition4 {\n  -webkit-transition: all 0.3s ease-in-out 0.1s;\n  transition: all 0.3s ease-in-out 0.1s;\n  -webkit-transform: translateY(100px);\n          transform: translateY(100px);\n  opacity: 0;\n}\n.progect__link {\n  display: inline-block;\n  width: 22px;\n  height: 22px;\n  margin-bottom: 10px;\n  margin-left: 15px;\n  vertical-align: middle;\n  outline: none;\n}\n.progect-description-home {\n  margin: 10px auto 15px;\n  width: 80%;\n}\n@media (max-width: 1330px) {\n  .wrap-technology {\n    display: none;\n  }\n  .progect__text {\n    font-size: 15px;\n  }\n  .progect__item .link_orange {\n    margin: 0;\n  }\n  .progect__item .link_orange:active {\n    margin: 3px auto 0;\n  }\n  .progect__link-text {\n    font-size: 20px;\n  }\n  .progect__description-row_transition1 {\n    padding-bottom: 0;\n  }\n}\n@media (max-width: 1550px) {\n  .progect-description-home {\n    display: none;\n  }\n  .progect__description-title {\n    padding-bottom: 15px;\n  }\n}\n@media (min-width: 1550px) {\n  .progect__item {\n    max-height: 330px;\n    height: 330px;\n  }\n}\n@media (min-width: 1700px) {\n  .progect__item {\n    max-height: 357px;\n    height: 357px;\n  }\n}\n.progect-description {\n  width: 990px;\n  max-width: 100%;\n  margin: -30px auto 0 auto;\n  margin-top: -6px;\n  padding: 0 10px;\n  text-align: right;\n}\n.progect-description .progect-description__text + div[class^='icon-'] {\n  position: relative;\n  top: 3px;\n}\n.progect-description__text {\n  font-family: 'HeliosCond';\n  font-size: 22px;\n  display: inline-block;\n  margin: 0;\n  padding: 0;\n  padding-bottom: 10px;\n  text-align: right;\n  color: #9a9a9a;\n}\n.progect-description__list {\n  margin: 0;\n  padding: 0;\n  padding-bottom: 20px;\n  list-style: none;\n  text-align: right;\n}\n.progect-description__item {\n  font-family: 'PT-Sans';\n  font-size: 15px;\n  display: inline-block;\n  margin: 0;\n  margin: 3px;\n  padding: 0;\n  padding: 10px 10px 9px;\n  text-align: right;\n  vertical-align: top;\n  color: #969696;\n  background-color: #eaeaea;\n}\n.progect-description__item-cake {\n  display: inline-block;\n  width: 22px;\n  height: 22px;\n  margin-right: 10px;\n  padding-top: 3px;\n  vertical-align: bottom;\n  background-image: url(\"\/img\/case_study_shredex\/sprite.png\");\n  background-position: -108px 82px;\n}\n.progect-description__item-jquery {\n  display: inline-block;\n  width: 20px;\n  height: 22px;\n  margin-right: 7px;\n  vertical-align: bottom;\n  background-image: url(\"\/img\/case_study_shredex\/sprite.png\");\n  background-position: -77px 87px;\n}\n.progect-description__item-responsive {\n  display: inline-block;\n  width: 27px;\n  height: 22px;\n  margin-right: 10px;\n  vertical-align: bottom;\n  background-image: url(\"\/img\/case_study_clc\/sprite.png\");\n  background-position: -39px 86px;\n}\n.progect-description__item-dot-net {\n  display: inline-block;\n  width: 27px;\n  height: 22px;\n  margin-right: 10px;\n  vertical-align: bottom;\n  background-image: url(\"\/img\/case_study_shredex\/sprite.png\");\n  background-position: -140px 86px;\n}\n.progect-description__item-html5 {\n  display: inline-block;\n  width: 27px;\n  height: 22px;\n  margin-right: 10px;\n  vertical-align: bottom;\n  background-image: url(\"\/img\/case_study_shredex\/sprite.png\");\n  background-position: -173px 86px;\n}\n.progect-description__item-js {\n  display: inline-block;\n  width: 27px;\n  height: 22px;\n  margin-right: 10px;\n  vertical-align: bottom;\n  background-image: url(\"\/img\/case_study_shredex\/sprite.png\");\n  background-position: -202px 86px;\n}\n.progect-description__item-html5-img {\n  width: 20px;\n}\n.progect-description__item-js-img {\n  width: 20px;\n}\n.progect-description__item-aglie {\n  display: inline-block;\n  width: 27px;\n  height: 22px;\n  margin-right: 5px;\n  vertical-align: bottom;\n  background-image: url(\"\/img\/case_study_shredex\/sprite.png\");\n  background-position: -6px 86px;\n}\n.progect-description__item-backbonejs {\n  display: inline-block;\n  width: 27px;\n  height: 22px;\n  margin-right: 5px;\n  vertical-align: bottom;\n  background-image: url(\"\/img\/case_study_shredex\/sprite.png\");\n  background-position: -234px 86px;\n}\n.progect-description__client {\n  display: inline-block;\n  width: 30px;\n  height: 21px;\n  text-align: right;\n  background-image: url(\"\/img\/case_study_clc\/sprite.png\");\n  background-repeat: no-repeat;\n  background-position: 100% 0;\n}\n.progect-description__client-canada {\n  display: inline-block;\n  width: 46px;\n  height: 23px;\n  text-align: right;\n  background-image: url(\"\/img\/case_study_shredex\/sprite.png\");\n  background-repeat: no-repeat;\n  background-position: 100% 0;\n}\n.progect__description_shredex {\n  background-color: #52a7ef;\n}\n.progect__description_builderadvisor {\n  background-color: #3259a0;\n}\n.progect-description__client-img {\n  width: 30px;\n}\n.progect-description__item-backbonejs-img {\n  width: 18px;\n}<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>React JS is one of the most advanced technologies, and many industry experts have recognized this fact. Some of the major brands like Netflix, Facebook, Instagram, etc. are powered by this library. What Is React JS? React is a JavaScript library that specializes in helping developers build user interfaces, or UIs. In terms of websites [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1158,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[8],"class_list":["post-456","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-tech"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why is React JS so popular? - A2 Design<\/title>\n<meta name=\"description\" content=\"Why is React JS so popular? Find out a few reasons why it&#039;s worth using React JS for building your project.\" \/>\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.a2design.biz\/blog\/why-is-react-js-so-popular\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why is React JS so popular? - A2 Design\" \/>\n<meta property=\"og:description\" content=\"Why is React JS so popular? Find out a few reasons why it&#039;s worth using React JS for building your project.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/\" \/>\n<meta property=\"og:site_name\" content=\"A2 Design\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-18T06:43:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-16T11:58:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/Frame-55-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1020\" \/>\n\t<meta property=\"og:image:height\" content=\"550\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Elizabeth\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Elizabeth\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/\",\"url\":\"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/\",\"name\":\"Why is React JS so popular? - A2 Design\",\"isPartOf\":{\"@id\":\"https:\/\/www.a2design.biz\/blog\/#website\"},\"datePublished\":\"2021-06-18T06:43:35+00:00\",\"dateModified\":\"2024-05-16T11:58:30+00:00\",\"author\":{\"@id\":\"https:\/\/www.a2design.biz\/blog\/#\/schema\/person\/3f6a2bb6e559a8591cf9e55fb9b64343\"},\"description\":\"Why is React JS so popular? Find out a few reasons why it's worth using React JS for building your project.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.a2design.biz\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tech\",\"item\":\"https:\/\/www.a2design.biz\/blog\/tag\/tech\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Why is React JS so popular?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.a2design.biz\/blog\/#website\",\"url\":\"https:\/\/www.a2design.biz\/blog\/\",\"name\":\"A2 Design\",\"description\":\"Web Development for Startups\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.a2design.biz\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.a2design.biz\/blog\/#\/schema\/person\/3f6a2bb6e559a8591cf9e55fb9b64343\",\"name\":\"Elizabeth\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.a2design.biz\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b938a046ae0c5bdcecad8495593bad2280eaf69c3fce1ed422faa3e776b66b6a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b938a046ae0c5bdcecad8495593bad2280eaf69c3fce1ed422faa3e776b66b6a?s=96&d=mm&r=g\",\"caption\":\"Elizabeth\"},\"url\":\"https:\/\/www.a2design.biz\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why is React JS so popular? - A2 Design","description":"Why is React JS so popular? Find out a few reasons why it's worth using React JS for building your project.","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.a2design.biz\/blog\/why-is-react-js-so-popular\/","og_locale":"en_US","og_type":"article","og_title":"Why is React JS so popular? - A2 Design","og_description":"Why is React JS so popular? Find out a few reasons why it's worth using React JS for building your project.","og_url":"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/","og_site_name":"A2 Design","article_published_time":"2021-06-18T06:43:35+00:00","article_modified_time":"2024-05-16T11:58:30+00:00","og_image":[{"width":1020,"height":550,"url":"https:\/\/www.a2design.biz\/blog\/wp-content\/uploads\/2021\/06\/Frame-55-1.jpg","type":"image\/jpeg"}],"author":"Elizabeth","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Elizabeth","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/","url":"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/","name":"Why is React JS so popular? - A2 Design","isPartOf":{"@id":"https:\/\/www.a2design.biz\/blog\/#website"},"datePublished":"2021-06-18T06:43:35+00:00","dateModified":"2024-05-16T11:58:30+00:00","author":{"@id":"https:\/\/www.a2design.biz\/blog\/#\/schema\/person\/3f6a2bb6e559a8591cf9e55fb9b64343"},"description":"Why is React JS so popular? Find out a few reasons why it's worth using React JS for building your project.","breadcrumb":{"@id":"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.a2design.biz\/blog\/why-is-react-js-so-popular\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.a2design.biz\/blog\/"},{"@type":"ListItem","position":2,"name":"Tech","item":"https:\/\/www.a2design.biz\/blog\/tag\/tech\/"},{"@type":"ListItem","position":3,"name":"Why is React JS so popular?"}]},{"@type":"WebSite","@id":"https:\/\/www.a2design.biz\/blog\/#website","url":"https:\/\/www.a2design.biz\/blog\/","name":"A2 Design","description":"Web Development for Startups","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.a2design.biz\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.a2design.biz\/blog\/#\/schema\/person\/3f6a2bb6e559a8591cf9e55fb9b64343","name":"Elizabeth","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.a2design.biz\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b938a046ae0c5bdcecad8495593bad2280eaf69c3fce1ed422faa3e776b66b6a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b938a046ae0c5bdcecad8495593bad2280eaf69c3fce1ed422faa3e776b66b6a?s=96&d=mm&r=g","caption":"Elizabeth"},"url":"https:\/\/www.a2design.biz\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/posts\/456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/comments?post=456"}],"version-history":[{"count":1,"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/posts\/456\/revisions"}],"predecessor-version":[{"id":2825,"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/posts\/456\/revisions\/2825"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/media\/1158"}],"wp:attachment":[{"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/media?parent=456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/categories?post=456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.a2design.biz\/blog\/wp-json\/wp\/v2\/tags?post=456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}