{"id":85,"date":"2025-04-29T21:42:52","date_gmt":"2025-04-29T21:42:52","guid":{"rendered":"https:\/\/praktikant.thkit.ee\/reactjs\/?page_id=85"},"modified":"2025-05-02T17:04:40","modified_gmt":"2025-05-02T17:04:40","slug":"reacti-seadistamine-webstorm","status":"publish","type":"page","link":"https:\/\/praktikant.thkit.ee\/reactjs\/reacti-seadistamine-webstorm\/","title":{"rendered":"Reacti seadistamine WebSTORM"},"content":{"rendered":"\n<p>Siin installime WebStormi, siin on link <a href=\"https:\/\/www.jetbrains.com\/webstorm\/\">WebStormi<\/a> installimiseks. Meie puhul saaksime teha veebirakendusi, meie demonstratsiooniks on React.js.<\/p>\n\n\n\n<p>WebStormi avamisel kuvatakse men\u00fc\u00fc, kus peate kl\u00f5psama nupul &#8220;<strong><em>New Project<\/em><\/strong>&#8220;, et alustada oma teekonda koodi reageerima.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"786\" height=\"643\" src=\"https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-1.png\" alt=\"\" class=\"wp-image-16\" srcset=\"https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-1.png 786w, https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-1-300x245.png 300w, https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-1-768x628.png 768w\" sizes=\"auto, (max-width: 786px) 100vw, 786px\" \/><\/figure>\n<\/div>\n\n\n<p>Me loome projektikataloogi. V\u00f5ite valida WebStormi pakutava vaiketee v\u00f5i valida oma asukohatee.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kui teie arvutisse pole s\u00f5lme installitud, laadib WebStorm alla t\u00f5lgi, mida kasutada s\u00f5lme interpreteri jaoks.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"786\" height=\"643\" src=\"https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-2.png\" alt=\"\" class=\"wp-image-17\" srcset=\"https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-2.png 786w, https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-2-300x245.png 300w, https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-2-768x628.png 768w\" sizes=\"auto, (max-width: 786px) 100vw, 786px\" \/><\/figure>\n<\/div>\n\n\n<ul><li><p>Meeldetuletus, et projekti nimes ei tohi kasutada suuri t\u00e4hti. <span title=\"NPM ehk Node Package Manager on JavaScripti paketihaldur.\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Npm\">NPM<\/a><\/span> pakettidel ei ole lubatud oma nimes suuri t\u00e4hti kasutada, ilmselt seet\u00f5ttu, et <span title=\"Unixi s\u00fcsteemide (nt MacOS ja Linux) failihierarhia struktuur meenutab puu kasvu, mis algab juurest ja hargneb edasi.\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Unix_filesystem\">unixi failis\u00fcsteemid<\/a><\/span> on t\u00f5stutundlikud, mis loob &#8220;segaduse ja mitteportatiivse tarkvara retsepti&#8221;.<\/p><\/ul><\/li>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mis vahe on React ja React Native?<br>Plain React on loodud veebirakenduste jaoks, React Native aga mobiilirakenduste loomiseks.<\/li>\n<\/ul>\n\n\n\n<p>After it\u2019s launches IDE, wait few minutes for all needed dependencies to install to the project.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-3-1024x560.png\" alt=\"\" class=\"wp-image-18\" srcset=\"https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-3-1024x560.png 1024w, https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-3-300x164.png 300w, https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-3-768x420.png 768w, https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-3-1536x840.png 1536w, https:\/\/praktikant.thkit.ee\/reactjs\/wp-content\/uploads\/2025\/04\/image-3.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Siin installime WebStormi, siin on link WebStormi installimiseks. Meie puhul saaksime teha veebirakendusi, meie demonstratsiooniks on React.js. WebStormi avamisel kuvatakse men\u00fc\u00fc, kus peate kl\u00f5psama nupul &#8220;New Project&#8220;, et alustada oma teekonda koodi reageerima. Me loome projektikataloogi. V\u00f5ite valida WebStormi pakutava vaiketee v\u00f5i valida oma asukohatee. Meeldetuletus, et projekti nimes ei tohi kasutada suuri t\u00e4hti. NPM &#8230; <a title=\"Reacti seadistamine WebSTORM\" class=\"read-more\" href=\"https:\/\/praktikant.thkit.ee\/reactjs\/reacti-seadistamine-webstorm\/\" aria-label=\"Read more about Reacti seadistamine WebSTORM\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-85","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/praktikant.thkit.ee\/reactjs\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/praktikant.thkit.ee\/reactjs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/praktikant.thkit.ee\/reactjs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/praktikant.thkit.ee\/reactjs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/praktikant.thkit.ee\/reactjs\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":11,"href":"https:\/\/praktikant.thkit.ee\/reactjs\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/praktikant.thkit.ee\/reactjs\/wp-json\/wp\/v2\/pages\/85\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/praktikant.thkit.ee\/reactjs\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}