{"id":11,"date":"2023-10-29T06:06:38","date_gmt":"2023-10-29T06:06:38","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/steventran\/?p=11"},"modified":"2023-10-29T06:06:38","modified_gmt":"2023-10-29T06:06:38","slug":"favorite-technology-vite","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/steventran\/2023\/10\/29\/favorite-technology-vite\/","title":{"rendered":"Favorite Technology &#8211; Vite"},"content":{"rendered":"\n<figure class=\"wp-block-image size-medium is-resized\"><a href=\"https:\/\/vitejs.dev\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/7109\/files\/2023\/10\/image-300x300.png\" alt=\"\" class=\"wp-image-12\" width=\"150\" height=\"150\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/7109\/files\/2023\/10\/image-300x300.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/7109\/files\/2023\/10\/image-150x150.png 150w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/7109\/files\/2023\/10\/image.png 640w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a><\/figure>\n\n\n\n<p>Since starting this project, I think my favorite technology has got to be <a href=\"https:\/\/vitejs.dev\/\">Vite<\/a> (pronounced as VEET). Its been making creating changes and updates in React a breeze with the instant live updates upon saves (hot module replacement). So whenever you&#8217;re making a change, with React such as creating a new components, or any styling changes, you can see the change on the dev change immediately take effect instead of having to rebuild every time and re-running. <\/p>\n\n\n\n<p>Its also used as a bundler to make deployment a bit simpler. A bundler grabs all the css and javascript files and puts them into a single css and js file. This also makes for faster responding applications.<\/p>\n\n\n\n<p>Those are the first noticeable changes I&#8217;ve found with our current development of the &#8220;Thomas Batterman Mental Health Project&#8221; website redesign. I&#8217;m hoping that as our project grows, the build time remains close to the current 3.47 seconds. <\/p>\n\n\n\n<p>Something that could be improved is the documentation explanations. I spent a bit of time trying to figure out why my deployment to GitHub pages was not working when I structured my client and server folders in the same repository. However they did have a <a href=\"https:\/\/chat.vitejs.dev\/\">Vite Discord<\/a> that had some suggestions where others faced similar issues.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Since starting this project, I think my favorite technology has got to be Vite (pronounced as VEET). Its been making creating changes and updates in React a breeze with the instant live updates upon saves (hot module replacement). So whenever you&#8217;re making a change, with React such as creating a new components, or any styling &hellip; <a href=\"https:\/\/blogs.oregonstate.edu\/steventran\/2023\/10\/29\/favorite-technology-vite\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Favorite Technology &#8211; Vite<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":13666,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-11","post","type-post","status-publish","format-standard","hentry","category-cs467"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/posts\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/users\/13666"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":6,"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/posts\/11\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/posts\/11\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/media?parent=11"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/categories?post=11"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/steventran\/wp-json\/wp\/v2\/tags?post=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}