{"id":11166,"date":"2024-12-29T21:52:02","date_gmt":"2024-12-29T21:52:02","guid":{"rendered":"https:\/\/putridparrot.com\/blog\/?p=11166"},"modified":"2024-12-29T21:52:02","modified_gmt":"2024-12-29T21:52:02","slug":"quick-start-to-creating-a-react-application-using-vite","status":"publish","type":"post","link":"https:\/\/putridparrot.com\/blog\/quick-start-to-creating-a-react-application-using-vite\/","title":{"rendered":"Quick start to creating a React application using Vite"},"content":{"rendered":"<p>Just noting this process here, but the full instructions can be found at <a href=\"https:\/\/vite.dev\/guide\/\" target=\"_blank\">Getting Started<\/a>.<\/p>\n<p>To create a React application using Vite, simply run<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\nnpm create vite@latest my-app -- --template react-ts\r\n<\/pre>\n<p>Obviously change <em>my-app<\/em> to your app. name and in this case I&#8217;m using the React Typescript template.<\/p>\n<p>Then <em>cd<\/em> into the app. folder and run the following<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\nnpm install\r\nnpm run dev\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Just noting this process here, but the full instructions can be found at Getting Started. To create a React application using Vite, simply run npm create vite@latest my-app &#8212; &#8211;template react-ts Obviously change my-app to your app. name and in this case I&#8217;m using the React Typescript template. Then cd into the app. folder and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[243,735],"tags":[],"class_list":["post-11166","post","type-post","status-publish","format-standard","hentry","category-react","category-vite"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/11166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/comments?post=11166"}],"version-history":[{"count":2,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/11166\/revisions"}],"predecessor-version":[{"id":11168,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/11166\/revisions\/11168"}],"wp:attachment":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/media?parent=11166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/categories?post=11166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/tags?post=11166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}