{"id":717,"date":"2024-12-30T15:57:41","date_gmt":"2024-12-30T13:57:41","guid":{"rendered":"https:\/\/www.pilvikoodari.net\/?p=717"},"modified":"2025-01-01T20:33:58","modified_gmt":"2025-01-01T18:33:58","slug":"kurssiraportti-vite-the-complete-developers-guide","status":"publish","type":"post","link":"https:\/\/www.pilvikoodari.net\/?p=717","title":{"rendered":"Kurssiraportti: Vite: The Complete Developer&#8217;s Guide"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.udemy.com\/course\/vite-developers-guide\">https:\/\/www.udemy.com\/course\/vite-developers-guide<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Kesto: <\/strong>1.5 tuntia videoluentoja<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Hinta:<\/strong> sis\u00e4ltyy Udemyn \u00a0Personal Plan -j\u00e4senyyteen<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Arvosana kurssille:<\/strong> 5 \/ 5<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Create React App on ollut pitk\u00e4\u00e4n de-facto tapa perustaa uusi React-projekti. Mutta uutena ehdokkaana rinnalle on kirinyt viime aikoina <em><strong>Vite<\/strong><\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Viteen voi toki tutustua vaikkapa tutoriaalien ja kokeilemisen kautta, mutta halusin kuulla enemm\u00e4n tarinaa Viten taustasta ja siit\u00e4 miten se vertautuu Create React App:iin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Udemyst\u00e4 l\u00f6ytyikin mukavan tiivis paketti asian tiimoilta: 1.5 tunnin Vite-kurssi!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kurssilla k\u00e4ytiin varsin kattavasti l\u00e4pi miten Vite toimii ja miten se eroaa CRA:sta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uuden Vite -projektin voi luoda komennolla<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><code>npm create vite@latest<\/code><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Valittavana on useita ohjelmointikieli\u00e4:<\/p>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.pilvikoodari.net\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-30-at-15.52.25.png\"><img loading=\"lazy\" decoding=\"async\" width=\"482\" height=\"297\" src=\"https:\/\/www.pilvikoodari.net\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-30-at-15.52.25.png\" alt=\"\" class=\"wp-image-720\" srcset=\"https:\/\/www.pilvikoodari.net\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-30-at-15.52.25.png 482w, https:\/\/www.pilvikoodari.net\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-30-at-15.52.25-300x185.png 300w\" sizes=\"auto, (max-width: 482px) 100vw, 482px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"> ja Frontend-kirjastoja:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.pilvikoodari.net\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-30-at-15.52.39.png\"><img loading=\"lazy\" decoding=\"async\" width=\"464\" height=\"202\" src=\"https:\/\/www.pilvikoodari.net\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-30-at-15.52.39.png\" alt=\"\" class=\"wp-image-721\" srcset=\"https:\/\/www.pilvikoodari.net\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-30-at-15.52.39.png 464w, https:\/\/www.pilvikoodari.net\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-30-at-15.52.39-300x131.png 300w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><br>Kokemukseni mukaan Vite on eritt\u00e4in nopea ja helppok\u00e4ytt\u00f6inen kehitysymp\u00e4rist\u00f6. En n\u00e4e syyt\u00e4, miksi k\u00e4ytt\u00e4isin en\u00e4\u00e4 CRA uusissa projekteissa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lis\u00e4\u00e4 Vite -tietoutta l\u00f6ytyy virallisilta sivuilta: <a href=\"https:\/\/vite.dev\/\">https:\/\/vite.dev\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>https:\/\/www.udemy.com\/course\/vite-developers-guide Kesto: 1.5 tuntia videoluentoja Hinta: sis\u00e4ltyy Udemyn \u00a0Personal Plan -j\u00e4senyyteen Arvosana kurssille: 5 \/ 5 Create React App on ollut pitk\u00e4\u00e4n de-facto tapa perustaa uusi React-projekti. Mutta uutena ehdokkaana rinnalle on kirinyt viime aikoina Vite. Viteen voi toki tutustua vaikkapa tutoriaalien ja kokeilemisen kautta, mutta halusin kuulla enemm\u00e4n tarinaa Viten taustasta ja siit\u00e4 miten &#8230; <a title=\"Kurssiraportti: Vite: The Complete Developer&#8217;s Guide\" class=\"read-more\" href=\"https:\/\/www.pilvikoodari.net\/?p=717\" aria-label=\"Lue lis\u00e4\u00e4 aiheesta Kurssiraportti: Vite: The Complete Developer&#8217;s Guide\">Lue lis\u00e4\u00e4<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,14,12],"tags":[],"class_list":["post-717","post","type-post","status-publish","format-standard","hentry","category-kurssit","category-react","category-tyokalut"],"_links":{"self":[{"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=\/wp\/v2\/posts\/717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=717"}],"version-history":[{"count":4,"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=\/wp\/v2\/posts\/717\/revisions"}],"predecessor-version":[{"id":750,"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=\/wp\/v2\/posts\/717\/revisions\/750"}],"wp:attachment":[{"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pilvikoodari.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}