{"id":37960,"date":"2021-08-20T12:40:00","date_gmt":"2021-08-20T17:40:00","guid":{"rendered":"https:\/\/www.rosehosting.com\/blog\/?p=37960"},"modified":"2022-06-03T03:31:34","modified_gmt":"2022-06-03T08:31:34","slug":"how-to-install-reactjs-on-ubuntu-20-04","status":"publish","type":"post","link":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/","title":{"rendered":"How to install ReactJS on Ubuntu 20.04"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"742\" height=\"372\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04.jpg\" alt=\"how to install reactjs on ubuntu 20.04\" class=\"wp-image-38003\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04.jpg 742w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04-300x150.jpg 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04-150x75.jpg 150w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large\"><img decoding=\"async\" width=\"90\" height=\"136\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/install-reactjs-on-ubuntu-20.04.jpg\" alt=\"install reactjs on ubuntu 20.04\" class=\"wp-image-38004\"\/><\/figure><\/div>\n\n\n\n<p>ReactJS is a very powerful front-end open-source JavaScript library used for building the user interface and related components. It is maintained by Facebook and the community of developers. ReactJS can be used in the development of Web Applications or Mobile Apps.<\/p>\n\n\n\n<p>In this tutorial, we will show you how to install ReactJS on your Ubuntu 20.04 server.<\/p>\n\n\n\n<!--more-->\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f5b15720c98\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><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><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f5b15720c98\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#Prerequisites\" >Prerequisites<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#Step-1-Log-in-via-SSH-and-Update-your-System\" >Step 1: Log in via SSH and Update your System<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#Step-2-Install-Nodejs-and-NPM\" >Step 2. Install Nodejs and NPM<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#Step-3-Install-Create-React-App-Tool\" >Step 3. Install Create-React-App Tool<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#Step-4-Create-your-ReactJS-Application\" >Step 4: Create your ReactJS Application<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#Step-5-Create-a-Systemd-Service-File-for-ReactJS-App\" >Step 5: Create a Systemd Service File for ReactJS App<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#Step-6-Access-ReactJS-Web-UI\" >Step 6: Access ReactJS Web UI<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-prerequisites\"><span class=\"ez-toc-section\" id=\"Prerequisites\"><\/span>Prerequisites<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>A Ubuntu 20.04 VPS with root access enabled or a user with Sudo privileges.<\/li><li>4 GB RAM (Minimum 2 GB)<\/li><li>10 GB Free Space<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-1-log-in-via-ssh-and-update-your-system\"><span class=\"ez-toc-section\" id=\"Step-1-Log-in-via-SSH-and-Update-your-System\"><\/span>Step 1: Log in via SSH and Update your System<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>First, you will need to log in to your Ubuntu 20.04 server via SSH as the root user:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">ssh root@IP_Address -p Port_number<\/pre>\n\n\n\n<p>You will need to replace \u2018IP_Address\u2019 and \u2018Port_number\u2019 with your server\u2019s respective IP address and SSH port number. Additionally, replace \u2018root\u2019 with the sudo username if necessary.<\/p>\n\n\n\n<p>You have to make sure that all Ubuntu OS packages installed on the server are up to date. Run the following commands to upgrade all installed packages on your server:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">apt-get update\napt-get upgrade<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-2-install-nodejs-and-npm\"><span class=\"ez-toc-section\" id=\"Step-2-Install-Nodejs-and-NPM\"><\/span>Step 2. Install Nodejs and NPM<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>First, you need to install NodeJS since a ReactJS application can only run if NodeJS is installed on your server. Node.js is an open-source and cross-platform JavaScript runtime environment built on Chrome\u2019s V8 JavaScript engine.<\/p>\n\n\n\n<p>The simple and easiest way to install Node.js and npm is to install them from the Ubuntu default repository.<\/p>\n\n\n\n<p>By default, the latest version of Node.js is not available in the Ubuntu 20.04 default repository. So you will need to add the Node.js official repository to your system.<\/p>\n\n\n\n<p>Add the Node.js repository with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">curl -sL https:\/\/deb.nodesource.com\/setup_14.x | bash -<\/pre>\n\n\n\n<p>And install the Node.js from the added repositories running the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo apt-get install nodejs<\/pre>\n\n\n\n<p>Once NodeJS has been installed, you can verify the installed version of Node.js with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">node -v<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">v14.17.1<\/pre>\n\n\n\n<p>Once Node.js is installed, update the NPM to the latest version using the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm install npm@latest -g<\/pre>\n\n\n\n<p>You can now verify the npm version with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm -v<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">7.19.0<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-3-install-create-react-app-tool\"><span class=\"ez-toc-section\" id=\"Step-3-Install-Create-React-App-Tool\"><\/span>Step 3. Install Create-React-App Tool<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Now install the <code><strong>create-react-app<\/strong><\/code> tool using NPM. This tool helps to set all tools required to create a new project in React.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm install -g create-react-app<\/pre>\n\n\n\n<p>Check the version with:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">create-react-app --version<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">4.0.3<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-4-create-your-reactjs-application\"><span class=\"ez-toc-section\" id=\"Step-4-Create-your-ReactJS-Application\"><\/span>Step 4: Create your ReactJS Application<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You can create your ReactJS application with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">create-react-app my-project<\/pre>\n\n\n\n<p>Once the installation is finished, you should see the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Success! Created my-project at \/root\/my-project\nInside that directory, you can run several commands:\n\nnpm start\nStarts the development server.\n\nnpm run build\nBundles the app into static files for production.\n\nnpm test\nStarts the test runner.\n\nnpm run eject\nRemoves this tool and copies build dependencies, configuration files\nand scripts into the app directory. If you do this, you can\u2019t go back!\n\nWe suggest that you begin by typing:\n\ncd my-project\nnpm start\n\nHappy hacking!<\/pre>\n\n\n\n<p>Once your project is created, change the directory to the ReactJS application:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">cd my-project<\/pre>\n\n\n\n<p>Now you need to start your ReactJS application with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm start<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Compiled successfully!\n\nYou can now view my-project in the browser.\n\nLocal: http:\/\/localhost:3000\nOn Your Network: http:\/\/192.168.1.101:3000\n\nNote that the development build is not optimized.\nTo create a production build, use npm run build.<\/pre>\n\n\n\n<p>By default, the ReactJS application starts on port 3000.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-5-create-a-systemd-service-file-for-reactjs-app\"><span class=\"ez-toc-section\" id=\"Step-5-Create-a-Systemd-Service-File-for-ReactJS-App\"><\/span>Step 5: Create a Systemd Service File for ReactJS App<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Next, you need to create a systemd service file to manage the ReactJS service. You can create it with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">nano \/lib\/systemd\/system\/reactjs.service<\/pre>\n\n\n\n<p>Add the following lines:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[Service]\nType=simple\nUser=root\nRestart=on-failure\nWorkingDirectory=\/root\/my-project\nExecStart=npm start -- --port=3000<\/pre>\n\n\n\n<p>Save and close the file, then reload the systemd service with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">systemctl daemon-reload<\/pre>\n\n\n\n<p>Next, start the ReactJS service and enable it to start at system reboot with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">systemctl start reactjs\nsystemctl enable reactjs<\/pre>\n\n\n\n<p>You can verify the status of the ReactJS service with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">systemctl status reactjs<\/pre>\n\n\n\n<p>You should get the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\u25cf reactjs.service\nLoaded: loaded (\/lib\/systemd\/system\/reactjs.service; static; vendor preset: enabled)\nActive: active (running)\nMain PID: 66390 (npm start --por)\nTasks: 30 (limit: 2248)\nMemory: 188.7M\nCGroup: \/system.slice\/reactjs.service\n\u251c\u250066390 npm start --port=3000\n\u251c\u250066401 sh -c react-scripts start \"--port=3000\"\n\u251c\u250066402 node \/root\/my-project\/node_modules\/.bin\/react-scripts start --port=3000\n\u2514\u250066409 \/usr\/bin\/node \/root\/my-project\/node_modules\/react-scripts\/scripts\/start.js --port=3000<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-6-access-reactjs-web-ui\"><span class=\"ez-toc-section\" id=\"Step-6-Access-ReactJS-Web-UI\"><\/span>Step 6: Access ReactJS Web UI<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Now, open your web browser and type the URL <strong>http:\/\/your-server-ip-address<\/strong>. You should see your ReactJS Application on the following screen:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"732\" height=\"566\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/reactjs-on-ubuntu-20.04.jpg\" alt=\"reactjs on ubuntu 20.04\" class=\"wp-image-38006\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/reactjs-on-ubuntu-20.04.jpg 732w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/reactjs-on-ubuntu-20.04-300x232.jpg 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/reactjs-on-ubuntu-20.04-150x116.jpg 150w\" sizes=\"(max-width: 732px) 100vw, 732px\" \/><\/figure><\/div>\n\n\n\n<p>Congratulations! you have successfully installed the ReactJS App on Ubuntu 20.04.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large\"><img decoding=\"async\" width=\"90\" height=\"136\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/installing-reactjs-on-ubuntu-20.04.jpg\" alt=\"installing reactjs on ubuntu 20.04\" class=\"wp-image-38005\"\/><\/figure><\/div>\n\n\n\n<p>Of course, you don\u2019t have to install ReactJS on Ubuntu if you use one of our <a href=\"https:\/\/rosehosting.com\/managed-vps-hosting.html\">Managed hosting services<\/a>, in which case you can simply ask our expert Linux admins to install this for you. They are available 24\u00d77 and will take care of your request immediately.<\/p>\n\n\n\n<p><strong>PS<\/strong>. If you liked this post on how to install ReactJS on Ubuntu, please share it with your friends on the social networks using the buttons on the left or simply leave a reply below. Thanks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>ReactJS is a very powerful front-end open-source JavaScript library used for building the user interface and related components. It is &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to install ReactJS on Ubuntu 20.04\" class=\"read-more button\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#more-37960\" aria-label=\"Read more about How to install ReactJS on Ubuntu 20.04\">Read More<\/a><\/p>\n","protected":false},"author":4,"featured_media":38003,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,1698],"tags":[1603,1925,1924,1839],"class_list":["post-37960","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-ubuntu","tag-how-to-install","tag-react","tag-react-js","tag-ubuntu-20-04","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Install ReactJS on Ubuntu 20.04 | RoseHosting<\/title>\n<meta name=\"description\" content=\"In this tutorial, you will learn how to install ReactJS on Ubuntu 20.04. Know how to fix ReactJS on an Ubuntu OS.\" \/>\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.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install ReactJS on Ubuntu 20.04 | RoseHosting\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, you will learn how to install ReactJS on Ubuntu 20.04. Know how to fix ReactJS on an Ubuntu OS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/\" \/>\n<meta property=\"og:site_name\" content=\"RoseHosting\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RoseHosting\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/rosehosting.helpdesk\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-20T17:40:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-03T08:31:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04.jpg?v=1625735204\" \/>\n\t<meta property=\"og:image:width\" content=\"742\" \/>\n\t<meta property=\"og:image:height\" content=\"372\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeff Wilson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How to Install ReactJS on Ubuntu 20.04 | RoseHosting\" \/>\n<meta name=\"twitter:description\" content=\"In this tutorial, you will learn how to install ReactJS on Ubuntu 20.04. Know how to fix ReactJS on an Ubuntu OS.\" \/>\n<meta name=\"twitter:creator\" content=\"@rosehosting\" \/>\n<meta name=\"twitter:site\" content=\"@rosehosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeff Wilson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/\"},\"author\":{\"name\":\"Jeff Wilson\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/7ce77a842fa6a9a7f8efa186f2353713\"},\"headline\":\"How to install ReactJS on Ubuntu 20.04\",\"datePublished\":\"2021-08-20T17:40:00+00:00\",\"dateModified\":\"2022-06-03T08:31:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/\"},\"wordCount\":643,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/how-to-install-reactjs-on-ubuntu-20.04.jpg\",\"keywords\":[\"how to install\",\"react\",\"react.js\",\"Ubuntu 20.04\"],\"articleSection\":[\"Tutorials\",\"Ubuntu\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/\",\"name\":\"How to Install ReactJS on Ubuntu 20.04 | RoseHosting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/how-to-install-reactjs-on-ubuntu-20.04.jpg\",\"datePublished\":\"2021-08-20T17:40:00+00:00\",\"dateModified\":\"2022-06-03T08:31:34+00:00\",\"description\":\"In this tutorial, you will learn how to install ReactJS on Ubuntu 20.04. Know how to fix ReactJS on an Ubuntu OS.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/how-to-install-reactjs-on-ubuntu-20.04.jpg\",\"contentUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/how-to-install-reactjs-on-ubuntu-20.04.jpg\",\"width\":742,\"height\":372,\"caption\":\"how to install reactjs on ubuntu 20.04\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-20-04\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to install ReactJS on Ubuntu 20.04\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/\",\"name\":\"RoseHosting.com\",\"description\":\"Premium Linux Tutorials Since 2001\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#organization\",\"name\":\"RoseHosting\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/android-chrome-192x192-1.png\",\"contentUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/android-chrome-192x192-1.png\",\"width\":192,\"height\":192,\"caption\":\"RoseHosting\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/RoseHosting\",\"https:\\\/\\\/x.com\\\/rosehosting\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/rosehosting\\\/\"],\"description\":\"RoseHosting is a leading Linux hosting provider, serving thousands of clients world-wide since 2001.\",\"email\":\"info@rosehosting.com\",\"telephone\":\"(314) 275-0414\",\"legalName\":\"Rose Web Services LLC\",\"foundingDate\":\"2001-04-02\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"11\",\"maxValue\":\"50\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/7ce77a842fa6a9a7f8efa186f2353713\",\"name\":\"Jeff Wilson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g\",\"caption\":\"Jeff Wilson\"},\"description\":\"An experienced Linux veteran with many years of experience. Helping other Linux admins with frequent Linux and business-related blog posts on the RoseHosting blog. Techie by choice. Loving nature and travel. Happily married and father of two lovely children.\",\"sameAs\":[\"https:\\\/\\\/www.rosehosting.com\",\"https:\\\/\\\/www.facebook.com\\\/rosehosting.helpdesk\"],\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/author\\\/jwilson\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Install ReactJS on Ubuntu 20.04 | RoseHosting","description":"In this tutorial, you will learn how to install ReactJS on Ubuntu 20.04. Know how to fix ReactJS on an Ubuntu OS.","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.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/","og_locale":"en_US","og_type":"article","og_title":"How to Install ReactJS on Ubuntu 20.04 | RoseHosting","og_description":"In this tutorial, you will learn how to install ReactJS on Ubuntu 20.04. Know how to fix ReactJS on an Ubuntu OS.","og_url":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/","og_site_name":"RoseHosting","article_publisher":"https:\/\/www.facebook.com\/RoseHosting","article_author":"https:\/\/www.facebook.com\/rosehosting.helpdesk","article_published_time":"2021-08-20T17:40:00+00:00","article_modified_time":"2022-06-03T08:31:34+00:00","og_image":[{"width":742,"height":372,"url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04.jpg?v=1625735204","type":"image\/jpeg"}],"author":"Jeff Wilson","twitter_card":"summary_large_image","twitter_title":"How to Install ReactJS on Ubuntu 20.04 | RoseHosting","twitter_description":"In this tutorial, you will learn how to install ReactJS on Ubuntu 20.04. Know how to fix ReactJS on an Ubuntu OS.","twitter_creator":"@rosehosting","twitter_site":"@rosehosting","twitter_misc":{"Written by":"Jeff Wilson","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#article","isPartOf":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/"},"author":{"name":"Jeff Wilson","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/person\/7ce77a842fa6a9a7f8efa186f2353713"},"headline":"How to install ReactJS on Ubuntu 20.04","datePublished":"2021-08-20T17:40:00+00:00","dateModified":"2022-06-03T08:31:34+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/"},"wordCount":643,"commentCount":1,"publisher":{"@id":"https:\/\/www.rosehosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04.jpg","keywords":["how to install","react","react.js","Ubuntu 20.04"],"articleSection":["Tutorials","Ubuntu"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/","url":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/","name":"How to Install ReactJS on Ubuntu 20.04 | RoseHosting","isPartOf":{"@id":"https:\/\/www.rosehosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#primaryimage"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04.jpg","datePublished":"2021-08-20T17:40:00+00:00","dateModified":"2022-06-03T08:31:34+00:00","description":"In this tutorial, you will learn how to install ReactJS on Ubuntu 20.04. Know how to fix ReactJS on an Ubuntu OS.","breadcrumb":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#primaryimage","url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04.jpg","contentUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2021\/07\/how-to-install-reactjs-on-ubuntu-20.04.jpg","width":742,"height":372,"caption":"how to install reactjs on ubuntu 20.04"},{"@type":"BreadcrumbList","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rosehosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to install ReactJS on Ubuntu 20.04"}]},{"@type":"WebSite","@id":"https:\/\/www.rosehosting.com\/blog\/#website","url":"https:\/\/www.rosehosting.com\/blog\/","name":"RoseHosting.com","description":"Premium Linux Tutorials Since 2001","publisher":{"@id":"https:\/\/www.rosehosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rosehosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rosehosting.com\/blog\/#organization","name":"RoseHosting","url":"https:\/\/www.rosehosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2022\/03\/android-chrome-192x192-1.png","contentUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2022\/03\/android-chrome-192x192-1.png","width":192,"height":192,"caption":"RoseHosting"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RoseHosting","https:\/\/x.com\/rosehosting","https:\/\/www.linkedin.com\/in\/rosehosting\/"],"description":"RoseHosting is a leading Linux hosting provider, serving thousands of clients world-wide since 2001.","email":"info@rosehosting.com","telephone":"(314) 275-0414","legalName":"Rose Web Services LLC","foundingDate":"2001-04-02","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"11","maxValue":"50"}},{"@type":"Person","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/person\/7ce77a842fa6a9a7f8efa186f2353713","name":"Jeff Wilson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0985fed6af04cc60703d2ecf27c65dfa373e0ca00eb21c0b03477e099ea3f99f?s=96&r=g","caption":"Jeff Wilson"},"description":"An experienced Linux veteran with many years of experience. Helping other Linux admins with frequent Linux and business-related blog posts on the RoseHosting blog. Techie by choice. Loving nature and travel. Happily married and father of two lovely children.","sameAs":["https:\/\/www.rosehosting.com","https:\/\/www.facebook.com\/rosehosting.helpdesk"],"url":"https:\/\/www.rosehosting.com\/blog\/author\/jwilson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/37960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/comments?post=37960"}],"version-history":[{"count":5,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/37960\/revisions"}],"predecessor-version":[{"id":38766,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/37960\/revisions\/38766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/media\/38003"}],"wp:attachment":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/media?parent=37960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/categories?post=37960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/tags?post=37960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}