{"id":46351,"date":"2023-08-09T12:30:00","date_gmt":"2023-08-09T17:30:00","guid":{"rendered":"https:\/\/www.rosehosting.com\/blog\/?p=46351"},"modified":"2023-07-24T14:17:30","modified_gmt":"2023-07-24T19:17:30","slug":"how-to-install-reactjs-on-ubuntu-22-04","status":"publish","type":"post","link":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/","title":{"rendered":"How to Install ReactJS on Ubuntu 22.04"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"372\" src=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04.webp\" alt=\"how to install reactjs on ubuntu 22.04\" class=\"wp-image-46521\" srcset=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04.webp 1024w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04-300x109.webp 300w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04-150x54.webp 150w, https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04-768x279.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>ReactJS is an open-source Javascript front-end library for building user interfaces based on components. It is used for developing single pages, mobile applications, or server-rendered applications. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>In this blog post, we will install ReactJS ad set up a reverse proxy so that you can access it via the domain name.<\/p>\n\n\n\n<p>Installing ReactJS on Ubuntu 22.04 is a straightforward process that may take up to 15 minutes. Let&#8217;s get started!<\/p>\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-69d0fb4bd7fcb\" 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-69d0fb4bd7fcb\"  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-22-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-22-04\/#Step-1-Update-the-System\" >Step 1. Update the 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-22-04\/#Step-2-Install-NodeJS\" >Step 2. Install NodeJS<\/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-22-04\/#Step-3-Install-ReactJS-and-Create-an-Application\" >Step 3. Install ReactJS and Create an Application<\/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-22-04\/#Step-4-Create-ReactJS-Service-File\" >Step 4. Create ReactJS Service File<\/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-22-04\/#Step-5-Install-Apache-Web-server\" >Step 5. Install Apache Web server<\/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-22-04\/#Step-6-Create-Apache-Virtual-Host-File-and-Set-Up-Reverse-Proxy\" >Step 6. Create Apache Virtual Host File and Set Up Reverse Proxy<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><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\">\n<li>A server with Ubuntu 22.04 as OS<\/li>\n\n\n\n<li>An NVMe VPS with a <a href=\"https:\/\/www.rosehosting.com\/linux-vps-hosting\/\">minimum of 2GB of RAM<\/a><\/li>\n\n\n\n<li>User privileges: root or non-root user with sudo privileges<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step-1-Update-the-System\"><\/span>Step 1. Update the System<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Before we start with the installation, we need to update the system packages to the latest versions available.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo apt-get update -y &amp;&amp; sudo apt-get upgrade -y<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step-2-Install-NodeJS\"><\/span>Step 2. Install NodeJS<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/nodejs.org\/en\">NodeJS<\/a> is an open-source, cross-platform Javascript runtime environment required for the ReactJS application. To install NodeJS execute the following commands:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">curl -sL https:\/\/deb.nodesource.com\/setup_18.x -o nodesource_setup.sh\n\nsudo bash nodesource_setup.sh\n\nsudo apt-get install -y nodejs\n\n<\/pre>\n\n\n\n<p>After installation, check the installed Node version:<\/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\">root@host:~# node -v\nv18.16.1\n<\/pre>\n\n\n\n<p>Automatically with this installation, the system will install an NPM. NPM is a package manager for Javascript programming. To check the installed NPM version, execute 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\">root@host:~# npm -v\n9.5.1\n<\/pre>\n\n\n\n<p>To update NPM to the latest version available, execute the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm install npm@latest -g<\/pre>\n\n\n\n<p>Now, the latest NPM version should be:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">root@host:~# npm -v\n9.7.2<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step-3-Install-ReactJS-and-Create-an-Application\"><\/span>Step 3. Install ReactJS and Create an Application<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>We need to install the ReactJS package necessary for creating ReactJS projects. To do this, execute the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm install -g create-react-app<\/pre>\n\n\n\n<p>After installation, check the installed version:<\/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\">root@host:~# create-react-app --version\n5.0.1\n<\/pre>\n\n\n\n<p>To create the ReactJS application, run the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">create-react-app rosehosting-project<\/pre>\n\n\n\n<p>Once created, you should receive output similar to this:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">root@host:~# create-react-app rosehosting-project\n\nCreating a new React app in \/root\/rosehosting-project.\n\nInstalling packages. This might take a couple of minutes.\nInstalling react, react-dom, and react-scripts with cra-template...\n    .\n    .\n    .\nSuccess! Created rosehosting-project at \/root\/rosehosting-project\nInside that directory, you can run several commands:\n\n  npm start\n    Starts the development server.\n\n  npm run build\n    Bundles the app into static files for production.\n\n  npm test\n    Starts the test runner.\n\n  npm run eject\n    Removes this tool and copies build dependencies, configuration files\n    and scripts into the app directory. If you do this, you can\u2019t go back!\n\nWe suggest that you begin by typing:\n\n  cd rosehosting-project\n  npm start\n\nHappy hacking!\n<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step-4-Create-ReactJS-Service-File\"><\/span>Step 4. Create ReactJS Service File<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To create a systemd service file, execute the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">touch \/lib\/systemd\/system\/reactjs.service<\/pre>\n\n\n\n<p>Open the file and paste the following lines of code:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[Service]\nType=simple\nUser=root\nRestart=on-failure\nWorkingDirectory=\/root\/rosehosting-project\nExecStart=npm start -- --port=3000\n<\/pre>\n\n\n\n<p>Save the file, close it and reload the daemon:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">systemctl daemon-reload<\/pre>\n\n\n\n<p>Start and enable the ReactJS service:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo systemctl start reactjs &amp;&amp; sudo systemctl enable reactjs<\/pre>\n\n\n\n<p>Check the status of the service:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo 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\">root@host:~# sudo systemctl status reactjs\n\u25cf reactjs.service\n     Loaded: loaded (\/lib\/systemd\/system\/reactjs.service; static)\n     Active: active (running) since Fri 2023-06-30 16:36:40 CDT; 1min 40s ago\n   Main PID: 45760 (npm start --por)\n      Tasks: 30 (limit: 4557)\n     Memory: 369.2M\n        CPU: 42.580s\n     CGroup: \/system.slice\/reactjs.service\n             \u251c\u250045760 \"npm start --port=3000\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\" \"\"\n             \u251c\u250045799 sh -c \"react-scripts start --port=3000\"\n             \u251c\u250045800 node \/root\/rosehosting-project\/node_modules\/.bin\/react-scripts start --port=3000\n             \u2514\u250045807 \/usr\/bin\/node \/root\/rosehosting-project\/node_modules\/react-scripts\/scripts\/start.js --port=3000\n<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step-5-Install-Apache-Web-server\"><\/span>Step 5. Install Apache Web server<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To install the Apache Web server execute the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo apt install apache2<\/pre>\n\n\n\n<p>Once installed, start and enable the service.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo systemctl enable apache2 &amp;&amp; sudo systemctl start apache2<\/pre>\n\n\n\n<p>Check if the service is up and running:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo systemctl status apache2<\/pre>\n\n\n\n<p>You should receive the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">root@host:~# sudo systemctl status apache2\n\u25cf apache2.service - The Apache HTTP Server\n     Loaded: loaded (\/lib\/systemd\/system\/apache2.service; enabled; vendor preset: enabled)\n     Active: active (running) since Fri 2023-06-30 16:37:11 CDT; 5min ago\n       Docs: https:\/\/httpd.apache.org\/docs\/2.4\/\n    Process: 45850 ExecStart=\/usr\/sbin\/apachectl start (code=exited, status=0\/SUCCESS)\n   Main PID: 45854 (apache2)\n      Tasks: 6 (limit: 4557)\n     Memory: 17.0M\n        CPU: 358ms\n     CGroup: \/system.slice\/apache2.service\n<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step-6-Create-Apache-Virtual-Host-File-and-Set-Up-Reverse-Proxy\"><\/span>Step 6. Create Apache Virtual Host File and Set Up Reverse Proxy<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Create the file:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">touch \/etc\/apache2\/sites-available\/reactjs.conf<\/pre>\n\n\n\n<p>Open the file and paste the following lines of code:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;VirtualHost *:80&gt;\n  ServerName yourdomain.com\n  ProxyRequests off \n  ProxyPass \/ http:\/\/127.0.0.1:3000\/ \n  ProxyPassReverse \/ http:\/\/127.0.0.1:3000\/ \n&lt;\/VirtualHost&gt;\n<\/pre>\n\n\n\n<p>Save the file, close it and enable the website<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">a2ensite reactjs.conf\n\na2enmod proxy\n\na2enmod proxy_http\n<\/pre>\n\n\n\n<p>Check the Apache syntax:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">apachectl -t<\/pre>\n\n\n\n<p>You should receive the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">root@vps:~# apachectl -t\nSyntax OK\n<\/pre>\n\n\n\n<p>If the syntax is OK, restartd the Apache service.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">systemctl reload apache2\n<\/pre>\n\n\n\n<p>Once the Apache service is restarted, you can access ReactJS at <strong>http:\/\/yourdomain.com<\/strong><\/p>\n\n\n\n<p>That was all. You successfully installed and configured ReactJS on Ubuntu 22.04 with Apache as a reverse proxy.<\/p>\n\n\n\n<p>If you do not want to configure it on your own, sign up for one of our NVMe VPS plans and submit a support ticket. Our admins are available 24\/7 and will start work on your request immediately. Always trust our epic support.<\/p>\n\n\n\n<p>If you liked this post on <a href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-20-04\/\">how to install ReactJS<\/a> on Ubuntu 22.04, please share it with your friends on social networks or simply leave a reply below. Thanks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>ReactJS is an open-source Javascript front-end library for building user interfaces based on components. It is used for developing single &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to Install ReactJS on Ubuntu 22.04\" class=\"read-more button\" href=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/#more-46351\" aria-label=\"Read more about How to Install ReactJS on Ubuntu 22.04\">Read More<\/a><\/p>\n","protected":false},"author":4,"featured_media":46521,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2072,13,1698],"tags":[239,2054,59],"class_list":["post-46351","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-open-source","category-tutorials","category-ubuntu","tag-nodejs","tag-reactjs","tag-ubuntu","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.2 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Install ReactJS on Ubuntu 22.04 | RoseHosting<\/title>\n<meta name=\"description\" content=\"Learn to install ReactJS on Ubuntu 22.04 with our guide, empowering you to build dynamic user interfaces swiftly and efficiently.\" \/>\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-22-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 22.04\" \/>\n<meta property=\"og:description\" content=\"Learn to install ReactJS on Ubuntu 22.04 with our guide, empowering you to build dynamic user interfaces swiftly and efficiently.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-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=\"2023-08-09T17:30:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"372\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\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 22.04\" \/>\n<meta name=\"twitter:description\" content=\"Learn to install ReactJS on Ubuntu 22.04 with our guide, empowering you to build dynamic user interfaces swiftly and efficiently.\" \/>\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-22-04\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/\"},\"author\":{\"name\":\"Jeff Wilson\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#\\\/schema\\\/person\\\/7ce77a842fa6a9a7f8efa186f2353713\"},\"headline\":\"How to Install ReactJS on Ubuntu 22.04\",\"datePublished\":\"2023-08-09T17:30:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/\"},\"wordCount\":508,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/how-to-install-reactjs-on-ubuntu-22-04.webp\",\"keywords\":[\"nodejs\",\"reactjs\",\"ubuntu\"],\"articleSection\":[\"Open-source\",\"Tutorials\",\"Ubuntu\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/\",\"name\":\"How to Install ReactJS on Ubuntu 22.04 | RoseHosting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/how-to-install-reactjs-on-ubuntu-22-04.webp\",\"datePublished\":\"2023-08-09T17:30:00+00:00\",\"description\":\"Learn to install ReactJS on Ubuntu 22.04 with our guide, empowering you to build dynamic user interfaces swiftly and efficiently.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-04\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/how-to-install-reactjs-on-ubuntu-22-04.webp\",\"contentUrl\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/how-to-install-reactjs-on-ubuntu-22-04.webp\",\"width\":1024,\"height\":372,\"caption\":\"how to install reactjs on ubuntu 22.04\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.rosehosting.com\\\/blog\\\/how-to-install-reactjs-on-ubuntu-22-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 22.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 22.04 | RoseHosting","description":"Learn to install ReactJS on Ubuntu 22.04 with our guide, empowering you to build dynamic user interfaces swiftly and efficiently.","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-22-04\/","og_locale":"en_US","og_type":"article","og_title":"How to Install ReactJS on Ubuntu 22.04","og_description":"Learn to install ReactJS on Ubuntu 22.04 with our guide, empowering you to build dynamic user interfaces swiftly and efficiently.","og_url":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/","og_site_name":"RoseHosting","article_publisher":"https:\/\/www.facebook.com\/RoseHosting","article_author":"https:\/\/www.facebook.com\/rosehosting.helpdesk","article_published_time":"2023-08-09T17:30:00+00:00","og_image":[{"width":1024,"height":372,"url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04.webp","type":"image\/webp"}],"author":"Jeff Wilson","twitter_card":"summary_large_image","twitter_title":"How to Install ReactJS on Ubuntu 22.04","twitter_description":"Learn to install ReactJS on Ubuntu 22.04 with our guide, empowering you to build dynamic user interfaces swiftly and efficiently.","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-22-04\/#article","isPartOf":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/"},"author":{"name":"Jeff Wilson","@id":"https:\/\/www.rosehosting.com\/blog\/#\/schema\/person\/7ce77a842fa6a9a7f8efa186f2353713"},"headline":"How to Install ReactJS on Ubuntu 22.04","datePublished":"2023-08-09T17:30:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/"},"wordCount":508,"commentCount":0,"publisher":{"@id":"https:\/\/www.rosehosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04.webp","keywords":["nodejs","reactjs","ubuntu"],"articleSection":["Open-source","Tutorials","Ubuntu"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/","url":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/","name":"How to Install ReactJS on Ubuntu 22.04 | RoseHosting","isPartOf":{"@id":"https:\/\/www.rosehosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/#primaryimage"},"image":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04.webp","datePublished":"2023-08-09T17:30:00+00:00","description":"Learn to install ReactJS on Ubuntu 22.04 with our guide, empowering you to build dynamic user interfaces swiftly and efficiently.","breadcrumb":{"@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-04\/#primaryimage","url":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04.webp","contentUrl":"https:\/\/www.rosehosting.com\/blog\/wp-content\/uploads\/2023\/07\/how-to-install-reactjs-on-ubuntu-22-04.webp","width":1024,"height":372,"caption":"how to install reactjs on ubuntu 22.04"},{"@type":"BreadcrumbList","@id":"https:\/\/www.rosehosting.com\/blog\/how-to-install-reactjs-on-ubuntu-22-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 22.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\/46351","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=46351"}],"version-history":[{"count":5,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/46351\/revisions"}],"predecessor-version":[{"id":46523,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/posts\/46351\/revisions\/46523"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/media\/46521"}],"wp:attachment":[{"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/media?parent=46351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/categories?post=46351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rosehosting.com\/blog\/wp-json\/wp\/v2\/tags?post=46351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}