{"id":7328,"date":"2024-11-25T17:19:17","date_gmt":"2024-11-25T14:19:17","guid":{"rendered":"https:\/\/mobian.studio\/?p=7328"},"modified":"2024-11-25T17:19:17","modified_gmt":"2024-11-25T14:19:17","slug":"how-to-create-vite-app","status":"publish","type":"post","link":"https:\/\/mobian.studio\/he\/how-to-create-vite-app\/","title":{"rendered":"\u05db\u05d9\u05e6\u05d3 \u05dc\u05d9\u05e6\u05d5\u05e8 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05e2\u05dd Vite: \u05de\u05d3\u05e8\u05d9\u05da \u05e9\u05dc\u05d1 \u05d0\u05d7\u05e8 \u05e9\u05dc\u05d1"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7331\" src=\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png\" alt=\"\" width=\"2048\" height=\"1365\" srcset=\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png 2048w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-sora-shimazaki-5926397-300x200.png.webp 300w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-sora-shimazaki-5926397-1024x683.png.webp 1024w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-sora-shimazaki-5926397-768x512.png.webp 768w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-sora-shimazaki-5926397-1536x1024.png.webp 1536w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-sora-shimazaki-5926397-18x12.png.webp 18w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">\u05d9\u05e6\u05d9\u05e8\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05d4\u05e4\u05db\u05d4 \u05dc\u05e7\u05dc\u05d4 \u05d5\u05de\u05d4\u05d9\u05e8\u05d4 \u05e2\u05d5\u05d3 \u05d9\u05d5\u05ea\u05e8 \u05d4\u05d5\u05d3\u05d5\u05ea \u05dc-Vite, \u05db\u05dc\u05d9 \u05de\u05d5\u05d3\u05e8\u05e0\u05d9 \u05dc\u05d1\u05e0\u05d9\u05d9\u05ea \u05d7\u05d6\u05d9\u05ea\u05d5\u05ea \u05e9\u05d4\u05d5\u05e6\u05d2 \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d9\u05d5\u05e6\u05e8 Vue.js, Evan You, \u05d1\u05e9\u05e0\u05ea 2020. Vite \u05de\u05d5\u05db\u05e8 \u05d1\u05d6\u05db\u05d5\u05ea \u05d4\u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05d5\u05d4\u05d9\u05e2\u05d9\u05dc\u05d5\u05ea \u05e9\u05dc\u05d5, \u05de\u05d4 \u05e9\u05d4\u05d5\u05e4\u05da \u05d0\u05d5\u05ea\u05d5 \u05dc\u05d7\u05dc\u05d5\u05e4\u05d4 \u05de\u05e6\u05d5\u05d9\u05e0\u05ea \u05dc\u05d9\u05e6\u05d9\u05e8\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React (CRA) \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d4\u05e4\u05d7\u05ea\u05d4 \u05de\u05e9\u05de\u05e2\u05d5\u05ea\u05d9\u05ea \u05e9\u05dc \u05d4\u05d6\u05de\u05df \u05d4\u05d3\u05e8\u05d5\u05e9 \u05dc\u05d4\u05e4\u05e2\u05dc\u05ea \u05e9\u05e8\u05ea\u05d9 \u05e4\u05d9\u05ea\u05d5\u05d7 \u05d5\u05d9\u05d9\u05e9\u05d5\u05dd \u05e2\u05d3\u05db\u05d5\u05e0\u05d9 \u05e7\u05d5\u05d3. \u05d1\u05de\u05d3\u05e8\u05d9\u05da \u05d6\u05d4, \u05e0\u05e2\u05d1\u05d5\u05e8 \u05e2\u05dc \u05db\u05dc \u05e9\u05dc\u05d1 \u05db\u05d3\u05d9 \u05dc\u05e2\u05d6\u05d5\u05e8 \u05dc\u05db\u05dd \u05dc\u05d4\u05d2\u05d3\u05d9\u05e8 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea Vite, \u05d4\u05d7\u05dc \u05de\u05d4\u05db\u05e0\u05ea \u05d4\u05e1\u05d1\u05d9\u05d1\u05d4 \u05d5\u05e2\u05d3 \u05dc\u05d4\u05e9\u05e7\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05dc\u05db\u05dd.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">\u05dc\u05de\u05d4 \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1-Vite \u05dc\u05e4\u05d9\u05ea\u05d5\u05d7 React?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Vite \u05d4\u05e4\u05db\u05d4 \u05dc\u05d1\u05d7\u05d9\u05e8\u05d4 \u05e4\u05d5\u05e4\u05d5\u05dc\u05e8\u05d9\u05ea \u05e2\u05d1\u05d5\u05e8 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05e9\u05dc React \u05de\u05db\u05d9\u05d5\u05d5\u05df \u05e9\u05d4\u05d9\u05d0 \u05de\u05e9\u05e4\u05e8\u05ea \u05de\u05e9\u05de\u05e2\u05d5\u05ea\u05d9\u05ea \u05d0\u05ea \u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05d4\u05d1\u05e0\u05d9\u05d9\u05d4 \u05d5\u05d0\u05ea \u05d4\u05d8\u05e2\u05d9\u05e0\u05d4 \u05de\u05d7\u05d3\u05e9 \u05d1\u05d6\u05de\u05df \u05d0\u05de\u05ea, \u05de\u05d4 \u05e9\u05d4\u05d5\u05e4\u05da \u05d0\u05ea \u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05dc\u05de\u05d4\u05d9\u05e8 \u05d5\u05d7\u05dc\u05e7 \u05d9\u05d5\u05ea\u05e8. \u05d1\u05e0\u05d9\u05d2\u05d5\u05d3 \u05dc-Create React App (CRA), \u05e9\u05dc\u05e2\u05ea\u05d9\u05dd \u05e7\u05e8\u05d5\u05d1\u05d5\u05ea \u05d7\u05d5\u05d5\u05d4 \u05e2\u05d9\u05db\u05d5\u05d1\u05d9\u05dd \u05d1\u05e8\u05e2\u05e0\u05d5\u05df \u05d4\u05e9\u05e8\u05ea \u05dc\u05d0\u05d7\u05e8 \u05e2\u05d3\u05db\u05d5\u05e0\u05d9 \u05e7\u05d1\u05e6\u05d9\u05dd, Vite \u05de\u05e7\u05e6\u05e8\u05ea \u05d0\u05ea \u05d6\u05de\u05e0\u05d9 \u05d4\u05d1\u05e0\u05d9\u05d9\u05d4, \u05d5\u05de\u05e1\u05e4\u05e7\u05ea \u05d6\u05e8\u05d9\u05de\u05ea \u05e2\u05d1\u05d5\u05d3\u05d4 \u05d7\u05dc\u05e7\u05d4 \u05d5\u05d9\u05e2\u05d9\u05dc\u05d4. \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d4\u05de\u05d5\u05d3\u05d5\u05dc\u05e8\u05d9 \u05e9\u05dc\u05d4 \u05de\u05d5\u05e2\u05d9\u05dc \u05d2\u05dd \u05dc\u05de\u05e4\u05ea\u05d7\u05d9 React \u05d1\u05db\u05da \u05e9\u05d4\u05d5\u05d0 \u05de\u05e6\u05d9\u05e2 \u05de\u05e9\u05d5\u05d1 \u05de\u05d4\u05d9\u05e8 \u05d9\u05d5\u05ea\u05e8 \u05e2\u05dc \u05e9\u05d9\u05e0\u05d5\u05d9\u05d9\u05dd, \u05d0\u05d9\u05d3\u05d9\u05d0\u05dc\u05d9 \u05e2\u05d1\u05d5\u05e8 \u05d0\u05dc\u05d5 \u05d4\u05d6\u05e7\u05d5\u05e7\u05d9\u05dd \u05dc\u05ea\u05d2\u05d5\u05d1\u05d4 \u05de\u05d9\u05d9\u05d3\u05d9\u05ea \u05de\u05e1\u05d1\u05d9\u05d1\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">\u05de\u05d4 \u05d6\u05d4 \u05d5\u05d9\u05d8?<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Vite, \u05e9\u05e4\u05d5\u05ea\u05d7 \u05e2\u05dc \u05d9\u05d3\u05d9 Evan You (\u05d9\u05d5\u05e6\u05e8 Vue.js), \u05d4\u05d5\u05d0 \u05db\u05dc\u05d9 \u05d1\u05e0\u05d9\u05d9\u05d4 \u05de\u05d5\u05d3\u05e8\u05e0\u05d9 \u05e9\u05e0\u05d5\u05e2\u05d3 \u05dc\u05d9\u05d9\u05e2\u05dc \u05d0\u05ea \u05e4\u05d9\u05ea\u05d5\u05d7 \u05d4\u05e7\u05e6\u05d4 \u05d4\u05e7\u05d3\u05de\u05d9. \u05d4\u05e9\u05dd &quot;Vite&quot; \u05e0\u05d2\u05d6\u05e8 \u05de\u05d4\u05de\u05d9\u05dc\u05d4 \u05d4\u05e6\u05e8\u05e4\u05ea\u05d9\u05ea \u05e9\u05de\u05e9\u05de\u05e2\u05d5\u05ea\u05d4 &quot;\u05de\u05d4\u05d9\u05e8&quot;, \u05d3\u05d1\u05e8 \u05d4\u05ea\u05d5\u05d0\u05dd \u05d0\u05ea \u05de\u05d8\u05e8\u05ea\u05d5 \u05d4\u05e2\u05d9\u05e7\u05e8\u05d9\u05ea \u05dc\u05d4\u05d0\u05d9\u05e5 \u05d0\u05ea \u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05d5\u05d4\u05d1\u05e0\u05d9\u05d9\u05d4. Vite \u05de\u05de\u05e0\u05e3 \u05de\u05d5\u05d3\u05d5\u05dc\u05d9 ES \u05de\u05e7\u05d5\u05e8\u05d9\u05d9\u05dd \u05d1\u05d3\u05e4\u05d3\u05e4\u05df \u05d1\u05de\u05d4\u05dc\u05da \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7, \u05de\u05d4 \u05e9\u05de\u05d0\u05e4\u05e9\u05e8 \u05d1\u05e0\u05d9\u05d5\u05ea \u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05d9\u05d5\u05ea\u05e8 \u05d5\u05d6\u05de\u05e0\u05d9 \u05e8\u05e2\u05e0\u05d5\u05df \u05de\u05d4\u05d9\u05e8\u05d9\u05dd \u05d9\u05d5\u05ea\u05e8 \u05d1\u05d4\u05e9\u05d5\u05d5\u05d0\u05d4 \u05dc\u05ea\u05d5\u05db\u05e0\u05d5\u05ea \u05d7\u05d1\u05d9\u05dc\u05d5\u05ea \u05de\u05e1\u05d5\u05e8\u05ea\u05d9\u05d5\u05ea. \u05d9\u05e2\u05d9\u05dc\u05d5\u05ea \u05d6\u05d5 \u05d4\u05d5\u05e4\u05db\u05ea \u05d0\u05ea Vite \u05dc\u05d1\u05d7\u05d9\u05e8\u05d4 \u05de\u05e6\u05d5\u05d9\u05e0\u05ea \u05e2\u05d1\u05d5\u05e8 \u05de\u05e4\u05ea\u05d7\u05d9\u05dd \u05d4\u05de\u05e2\u05d5\u05e0\u05d9\u05d9\u05e0\u05d9\u05dd \u05dc\u05d9\u05d9\u05e2\u05dc \u05d0\u05ea \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05d1\u05de\u05e1\u05d2\u05e8\u05d5\u05ea JavaScript \u05db\u05de\u05d5 React.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">\u05d3\u05e8\u05d9\u05e9\u05d5\u05ea \u05de\u05d5\u05e7\u05d3\u05de\u05d5\u05ea \u05dc\u05d4\u05d2\u05d3\u05e8\u05ea Vite<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u05dc\u05e4\u05e0\u05d9 \u05d4\u05ea\u05e7\u05e0\u05ea Vite, \u05d5\u05d3\u05d0 \u05e9\u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05e9\u05dc\u05da \u05e2\u05d5\u05de\u05d3\u05ea \u05d1\u05d3\u05e8\u05d9\u05e9\u05d5\u05ea \u05d4\u05d1\u05d0\u05d5\u05ea. \u05d3\u05e8\u05d9\u05e9\u05d5\u05ea \u05de\u05d5\u05e7\u05d3\u05de\u05d5\u05ea \u05d0\u05dc\u05d5 \u05d7\u05d9\u05d5\u05e0\u05d9\u05d5\u05ea \u05dc\u05d4\u05ea\u05e7\u05e0\u05d4 \u05d5\u05e4\u05d9\u05ea\u05d5\u05d7 \u05d7\u05dc\u05e7\u05d9\u05dd.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Node.js \u05d5-npm<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Vite \u05ea\u05dc\u05d5\u05d9 \u05d1-Node.js \u05d5\u05d1-npm (Node Package Manager) \u05dc\u05d4\u05ea\u05e7\u05e0\u05ea \u05d7\u05d1\u05d9\u05dc\u05d5\u05ea \u05d5\u05d4\u05e4\u05e2\u05dc\u05ea \u05e1\u05e7\u05e8\u05d9\u05e4\u05d8\u05d9\u05dd \u05e9\u05dc \u05e4\u05d9\u05ea\u05d5\u05d7. \u05db\u05d3\u05d9 \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1-Vite, \u05ea\u05d6\u05d3\u05e7\u05e7 \u05dc-Node.js \u05d2\u05e8\u05e1\u05d4 18.x \u05d5\u05d0\u05d9\u05dc\u05da \u05d5\u05d2\u05e8\u05e1\u05ea npm \u05ea\u05d5\u05d0\u05de\u05ea. \u05db\u05da \u05ea\u05d1\u05d3\u05d5\u05e7 \u05d0\u05dd \u05d4\u05d2\u05e8\u05e1\u05d0\u05d5\u05ea \u05d4\u05e0\u05db\u05d5\u05e0\u05d5\u05ea \u05de\u05d5\u05ea\u05e7\u05e0\u05d5\u05ea \u05d0\u05e6\u05dc\u05da:<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d1\u05d3\u05d5\u05e7 \u05d0\u05ea \u05d2\u05e8\u05e1\u05ea Node.js<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05e4\u05ea\u05d7 \u05d0\u05ea \u05d4\u05d8\u05e8\u05de\u05d9\u05e0\u05dc \u05e9\u05dc\u05da \u05d5\u05d4\u05e7\u05dc\u05d3 \u05d0\u05ea \u05d4\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d4\u05d1\u05d0\u05d4:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05e6\u05d5\u05de\u05ea -v<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d6\u05d5 \u05de\u05d7\u05d6\u05d9\u05e8\u05d4 \u05d0\u05ea \u05d4\u05d2\u05e8\u05e1\u05d4 \u05d4\u05de\u05d5\u05ea\u05e7\u05e0\u05ea \u05e9\u05dc Node.js, \u05d0\u05e9\u05e8 \u05e6\u05e8\u05d9\u05db\u05d4 \u05dc\u05d4\u05d9\u05d5\u05ea 18.x \u05d5\u05de\u05e2\u05dc\u05d4.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d1\u05d3\u05d5\u05e7 \u05d0\u05ea \u05d2\u05e8\u05e1\u05ea npm<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05dc\u05d0\u05d7\u05e8 \u05de\u05db\u05df, \u05d1\u05d3\u05d5\u05e7 \u05d0\u05ea \u05d2\u05e8\u05e1\u05ea \u05d4-npm \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d4\u05e4\u05e2\u05dc\u05ea:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">npm -v<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d6\u05d5 \u05de\u05e6\u05d9\u05d2\u05d4 \u05d0\u05ea \u05d2\u05e8\u05e1\u05ea \u05d4-npm \u05d4\u05de\u05d5\u05ea\u05e7\u05e0\u05ea. \u05d0\u05dd \u05d4\u05d2\u05e8\u05e1\u05d0\u05d5\u05ea \u05e9\u05dc\u05da \u05de\u05d9\u05d5\u05e9\u05e0\u05d5\u05ea, \u05ea\u05d5\u05db\u05dc \u05dc\u05d4\u05d5\u05e8\u05d9\u05d3 \u05d0\u05ea \u05d4\u05d2\u05e8\u05e1\u05d0\u05d5\u05ea \u05d4\u05e2\u05d3\u05db\u05e0\u05d9\u05d5\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05e9\u05dc Node.js \u05d5-npm \u05de\u05d0\u05ea\u05e8 \u05d4\u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8 \u05d4\u05e8\u05e9\u05de\u05d9 \u05e9\u05dc Node.js.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05d0\u05dd Node.js \u05d5-npm \u05d0\u05d9\u05e0\u05dd \u05de\u05d5\u05ea\u05e7\u05e0\u05d9\u05dd, \u05d0\u05d5 \u05d0\u05dd \u05e2\u05dc\u05d9\u05da \u05dc\u05e2\u05d3\u05db\u05df \u05d0\u05d5\u05ea\u05dd, \u05ea\u05d5\u05db\u05dc \u05dc\u05d4\u05ea\u05e7\u05d9\u05df \u05d0\u05d5 \u05dc\u05e9\u05d3\u05e8\u05d2 \u05d0\u05d5\u05ea\u05dd \u05d3\u05e8\u05da \u05de\u05d0\u05d2\u05e8 NodeSource (\u05e2\u05d1\u05d5\u05e8 \u05dc\u05d9\u05e0\u05d5\u05e7\u05e1) \u05d0\u05d5 \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d4\u05d5\u05e8\u05d3\u05ea \u05d4\u05de\u05ea\u05e7\u05d9\u05df \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05de\u05d4\u05d0\u05ea\u05e8 \u05d4\u05e8\u05e9\u05de\u05d9.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05d9\u05d3\u05e2 \u05d1\u05e1\u05d9\u05e1\u05d9 \u05d1\u05e9\u05d5\u05e8\u05ea \u05d4\u05e4\u05e7\u05d5\u05d3\u05d4<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05d4\u05e9\u05d9\u05de\u05d5\u05e9 \u05d1-Vite \u05d3\u05d5\u05e8\u05e9 \u05d4\u05d9\u05db\u05e8\u05d5\u05ea \u05e2\u05dd \u05e4\u05e2\u05d5\u05dc\u05d5\u05ea \u05e9\u05d5\u05e8\u05ea \u05e4\u05e7\u05d5\u05d3\u05d4 \u05d1\u05e1\u05d9\u05e1\u05d9\u05d5\u05ea. \u05d1\u05de\u05d4\u05dc\u05da \u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05d4\u05ea\u05e7\u05e0\u05d4, \u05ea\u05e8\u05d9\u05e5 \u05e1\u05d3\u05e8\u05d4 \u05e9\u05dc \u05e4\u05e7\u05d5\u05d3\u05d5\u05ea \u05d1\u05d8\u05e8\u05de\u05d9\u05e0\u05dc \u05db\u05d3\u05d9 \u05dc\u05d9\u05e6\u05d5\u05e8, \u05dc\u05d4\u05ea\u05e7\u05d9\u05df \u05d5\u05dc\u05d4\u05e4\u05e2\u05d9\u05dc \u05d0\u05ea \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 Vite \u05e9\u05dc\u05da. \u05d4\u05e0\u05d4 \u05de\u05d4 \u05e9\u05d0\u05ea\u05d4 \u05d0\u05de\u05d5\u05e8 \u05dc\u05d4\u05d9\u05d5\u05ea \u05d1\u05e0\u05d5\u05d7 \u05d0\u05d9\u05ea\u05d5:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05e0\u05d9\u05d5\u05d5\u05d8 \u05d1\u05d9\u05df \u05e1\u05e4\u05e8\u05d9\u05d5\u05ea<\/b><span style=\"font-weight: 400;\">\u05e4\u05e7\u05d5\u05d3\u05d5\u05ea \u05db\u05de\u05d5 <\/span><span style=\"font-weight: 400;\">CD<\/span><span style=\"font-weight: 400;\"> \u05db\u05d3\u05d9 \u05dc\u05e9\u05e0\u05d5\u05ea \u05e1\u05e4\u05e8\u05d9\u05d5\u05ea \u05d5 <\/span><span style=\"font-weight: 400;\">\u05dc\u05e1<\/span><span style=\"font-weight: 400;\"> \u05db\u05d3\u05d9 \u05dc\u05e8\u05e9\u05d5\u05dd \u05e7\u05d1\u05e6\u05d9\u05dd.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d4\u05e4\u05e2\u05dc\u05ea \u05e4\u05e7\u05d5\u05d3\u05d5\u05ea<\/b><span style=\"font-weight: 400;\">\u05ea\u05e6\u05d8\u05e8\u05da \u05dc\u05d4\u05e8\u05d9\u05e5 \u05e4\u05e7\u05d5\u05d3\u05d5\u05ea npm \u05db\u05de\u05d5 <\/span><span style=\"font-weight: 400;\">\u05d4\u05ea\u05e7\u05e0\u05ea npm<\/span><span style=\"font-weight: 400;\"> \u05d5 <\/span><span style=\"font-weight: 400;\">\u05de\u05e4\u05ea\u05d7 \u05d4\u05e4\u05e2\u05dc\u05d4 \u05e9\u05dc npm<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u05d0\u05dd \u05d0\u05ea\u05dd \u05d7\u05d3\u05e9\u05d9\u05dd \u05d1\u05e9\u05d5\u05e8\u05ea \u05d4\u05e4\u05e7\u05d5\u05d3\u05d4, \u05d9\u05d9\u05ea\u05db\u05df \u05e9\u05d9\u05d4\u05d9\u05d4 \u05de\u05d5\u05e2\u05d9\u05dc \u05dc\u05e1\u05e7\u05d5\u05e8 \u05db\u05de\u05d4 \u05e4\u05e7\u05d5\u05d3\u05d5\u05ea \u05d1\u05e1\u05d9\u05e1\u05d9\u05d5\u05ea \u05d1\u05de\u05e1\u05d5\u05e3 \u05dc\u05e4\u05e0\u05d9 \u05e9\u05ea\u05de\u05e9\u05d9\u05db\u05d5.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05e2\u05d5\u05e8\u05da \u05e7\u05d5\u05d3<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05de\u05d5\u05de\u05dc\u05e5 \u05de\u05d0\u05d5\u05d3 \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1\u05e2\u05d5\u05e8\u05da \u05e7\u05d5\u05d3, \u05db\u05d2\u05d5\u05df Visual Studio Code (VS Code), \u05dc\u05e0\u05d9\u05d4\u05d5\u05dc \u05d5\u05e2\u05e8\u05d9\u05db\u05d4 \u05e9\u05dc \u05e7\u05d1\u05e6\u05d9 \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc\u05da. VS Code \u05de\u05e1\u05e4\u05e7 \u05de\u05e1\u05e4\u05e8 \u05ea\u05db\u05d5\u05e0\u05d5\u05ea \u05e9\u05d9\u05de\u05d5\u05e9\u05d9\u05d5\u05ea:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d4\u05d3\u05d2\u05e9\u05ea \u05ea\u05d7\u05d1\u05d9\u05e8<\/b><span style=\"font-weight: 400;\">: \u05e2\u05d5\u05d6\u05e8 \u05dc\u05d4\u05e4\u05d5\u05da \u05d0\u05ea \u05d4\u05e7\u05d5\u05d3 \u05e9\u05dc\u05da \u05dc\u05e7\u05e8\u05d9\u05d0 \u05d9\u05d5\u05ea\u05e8.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05de\u05e1\u05d5\u05e3 \u05de\u05e9\u05d5\u05dc\u05d1<\/b><span style=\"font-weight: 400;\">\u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05da \u05dc\u05d4\u05e4\u05e2\u05d9\u05dc \u05e4\u05e7\u05d5\u05d3\u05d5\u05ea \u05de\u05e1\u05d5\u05e3 \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05d1\u05ea\u05d5\u05da \u05d4\u05e2\u05d5\u05e8\u05da.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d4\u05e8\u05d7\u05d1\u05d5\u05ea<\/b><span style=\"font-weight: 400;\">\u05dc-VS Code \u05d9\u05e9 \u05d4\u05e8\u05d7\u05d1\u05d5\u05ea \u05e2\u05d1\u05d5\u05e8 JavaScript, React \u05d5-Vite \u05d4\u05de\u05e1\u05e4\u05e7\u05d5\u05ea \u05d4\u05e6\u05e2\u05d5\u05ea \u05e7\u05d5\u05d3, \u05d1\u05d3\u05d9\u05e7\u05ea \u05e9\u05d2\u05d9\u05d0\u05d5\u05ea \u05d5\u05db\u05dc\u05d9\u05dd \u05e0\u05d5\u05e1\u05e4\u05d9\u05dd.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u05e2\u05d5\u05e8\u05db\u05d9\u05dd \u05e4\u05d5\u05e4\u05d5\u05dc\u05e8\u05d9\u05d9\u05dd \u05d0\u05d7\u05e8\u05d9\u05dd \u05db\u05d5\u05dc\u05dc\u05d9\u05dd \u05d0\u05ea Sublime Text, Atom \u05d5-WebStorm, \u05d0\u05da VS Code \u05de\u05ea\u05d0\u05d9\u05dd \u05d1\u05de\u05d9\u05d5\u05d7\u05d3 \u05dc\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05e9\u05dc JavaScript \u05d5-React. \u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05d5\u05e8\u05d9\u05d3 \u05d0\u05d5\u05ea\u05d5 \u05de\u05d0\u05ea\u05e8 \u05d4\u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8 \u05e9\u05dc VS Code.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7329\" src=\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-asphotograpy-887751.png\" alt=\"\" width=\"2048\" height=\"1365\" srcset=\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-asphotograpy-887751.png 2048w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-asphotograpy-887751-300x200.png.webp 300w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-asphotograpy-887751-1024x683.png.webp 1024w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-asphotograpy-887751-768x512.png.webp 768w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-asphotograpy-887751-1536x1024.png.webp 1536w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-asphotograpy-887751-18x12.png.webp 18w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">\u05d4\u05d2\u05d3\u05e8\u05ea Vite \u05e2\u05d1\u05d5\u05e8 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 React \u05e9\u05dc\u05da: \u05d3\u05e8\u05d9\u05e9\u05d5\u05ea \u05de\u05d5\u05e7\u05d3\u05de\u05d5\u05ea \u05d5\u05d4\u05db\u05e0\u05d4<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u05dc\u05e4\u05e0\u05d9 \u05e9\u05ea\u05ea\u05d7\u05d9\u05dc\u05d5 \u05dc\u05d1\u05e0\u05d5\u05ea \u05d0\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05e9\u05dc\u05db\u05dd \u05e2\u05dd Vite, \u05d7\u05e9\u05d5\u05d1 \u05dc\u05d5\u05d5\u05d3\u05d0 \u05e9\u05e1\u05d1\u05d9\u05d1\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05e9\u05dc\u05db\u05dd \u05de\u05d5\u05d2\u05d3\u05e8\u05ea \u05db\u05d4\u05dc\u05db\u05d4. Vite \u05d4\u05d5\u05d0 \u05db\u05dc\u05d9 \u05d1\u05e0\u05d9\u05d9\u05d4 \u05de\u05d4\u05d9\u05e8 \u05d5\u05de\u05d5\u05d3\u05e8\u05e0\u05d9 \u05e9\u05e0\u05d5\u05e2\u05d3 \u05dc\u05d9\u05d9\u05e2\u05dc \u05d0\u05ea \u05e4\u05d9\u05ea\u05d5\u05d7 \u05d4\u05e7\u05e6\u05d4, \u05d0\u05da \u05d4\u05d5\u05d0 \u05de\u05e1\u05ea\u05de\u05da \u05e2\u05dc \u05d2\u05e8\u05e1\u05d0\u05d5\u05ea \u05ea\u05d5\u05db\u05e0\u05d4 \u05d5\u05db\u05dc\u05d9\u05dd \u05e1\u05e4\u05e6\u05d9\u05e4\u05d9\u05d9\u05dd \u05db\u05d3\u05d9 \u05dc\u05ea\u05e4\u05e7\u05d3 \u05d1\u05e6\u05d5\u05e8\u05d4 \u05d7\u05dc\u05e7\u05d4. \u05d1\u05de\u05d3\u05e8\u05d9\u05da \u05d6\u05d4, \u05e0\u05e1\u05e7\u05d5\u05e8 \u05d0\u05ea \u05d4\u05d3\u05e8\u05d9\u05e9\u05d5\u05ea \u05d4\u05de\u05d5\u05e7\u05d3\u05de\u05d5\u05ea, \u05db\u05d5\u05dc\u05dc \u05d4\u05ea\u05e7\u05e0\u05ea \u05d4\u05d2\u05e8\u05e1\u05d0\u05d5\u05ea \u05d4\u05d3\u05e8\u05d5\u05e9\u05d5\u05ea \u05e9\u05dc Node.js \u05d5-npm, \u05d9\u05d3\u05e2 \u05d1\u05e1\u05d9\u05e1\u05d9 \u05d1\u05e9\u05d5\u05e8\u05ea \u05e4\u05e7\u05d5\u05d3\u05d4 \u05d5\u05d4\u05d2\u05d3\u05e8\u05ea \u05e2\u05d5\u05e8\u05da \u05e7\u05d5\u05d3 \u05de\u05ea\u05d0\u05d9\u05dd. \u05dc\u05d0\u05d7\u05e8 \u05e9\u05e8\u05db\u05d9\u05d1\u05d9\u05dd \u05d0\u05dc\u05d4 \u05d9\u05d4\u05d9\u05d5 \u05d1\u05de\u05e7\u05d5\u05de\u05dd, \u05ea\u05d4\u05d9\u05d5 \u05de\u05d5\u05db\u05e0\u05d9\u05dd \u05dc\u05d4\u05ea\u05d7\u05d9\u05dc \u05dc\u05d9\u05e6\u05d5\u05e8 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea React \u05d9\u05e2\u05d9\u05dc\u05d5\u05ea \u05d5\u05d8\u05d5\u05e2\u05e0\u05d5\u05ea \u05d1\u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05e2\u05dd Vite.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05e9\u05dc\u05d1 1: \u05d4\u05ea\u05e7\u05e0\u05ea Node.js \u05d5-npm (\u05d0\u05dd \u05dc\u05d0 \u05de\u05d5\u05ea\u05e7\u05e0\u05d9\u05dd)<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05db\u05d3\u05d9 \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1-Vite, \u05ea\u05d6\u05d3\u05e7\u05e7 \u05dc-Node.js \u05d2\u05e8\u05e1\u05d4 18.x \u05d5\u05d0\u05d9\u05dc\u05da \u05d9\u05d7\u05d3 \u05e2\u05dd npm. \u05d0\u05dd Node.js \u05db\u05d1\u05e8 \u05de\u05d5\u05ea\u05e7\u05df \u05d0\u05e6\u05dc\u05da \u05d0\u05da \u05d4\u05d5\u05d0 \u05de\u05d9\u05d5\u05e9\u05df, \u05d1\u05e6\u05e2 \u05d0\u05ea \u05d4\u05e9\u05dc\u05d1\u05d9\u05dd \u05d4\u05d1\u05d0\u05d9\u05dd \u05db\u05d3\u05d9 \u05dc\u05d4\u05e1\u05d9\u05e8 \u05d0\u05ea \u05d4\u05d2\u05e8\u05e1\u05d4 \u05d4\u05d9\u05e9\u05e0\u05d4 \u05d5\u05dc\u05d4\u05ea\u05e7\u05d9\u05df \u05d0\u05ea \u05d4\u05d2\u05e8\u05e1\u05d4 \u05d4\u05e2\u05d3\u05db\u05e0\u05d9\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d4\u05e1\u05e8\u05ea \u05d2\u05e8\u05e1\u05d0\u05d5\u05ea Node.js \u05e7\u05d9\u05d9\u05de\u05d5\u05ea (\u05d0\u05d5\u05e4\u05e6\u05d9\u05d5\u05e0\u05dc\u05d9)<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05d0\u05dd \u05d2\u05e8\u05e1\u05d4 \u05de\u05d9\u05d5\u05e9\u05e0\u05ea \u05e9\u05dc Node.js \u05d0\u05d5 npm \u05db\u05d1\u05e8 \u05de\u05d5\u05ea\u05e7\u05e0\u05ea, \u05d4\u05e1\u05e8 \u05d0\u05d5\u05ea\u05d4 \u05db\u05d3\u05d9 \u05dc\u05de\u05e0\u05d5\u05e2 \u05d1\u05e2\u05d9\u05d5\u05ea \u05ea\u05d0\u05d9\u05de\u05d5\u05ea.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">sudo apt \u05dc\u05d4\u05e1\u05d9\u05e8 nodejs npm<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05d4\u05e1\u05e8\u05d4 \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea \u05e9\u05dc sudo apt<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05e9\u05dc\u05d1 \u05d6\u05d4 \u05de\u05e0\u05e7\u05d4 \u05d0\u05ea \u05db\u05dc \u05d4\u05d4\u05ea\u05e7\u05e0\u05d5\u05ea \u05d4\u05d9\u05e9\u05e0\u05d5\u05ea \u05e9\u05dc Node.js \u05d0\u05d5 npm, \u05d5\u05de\u05d1\u05d8\u05d9\u05d7 \u05d4\u05ea\u05e7\u05e0\u05d4 \u05e0\u05e7\u05d9\u05d9\u05d4 \u05e2\u05d1\u05d5\u05e8 Vite.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d4\u05d5\u05e1\u05e3 \u05d0\u05ea \u05de\u05d0\u05d2\u05e8 NodeSource<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05de\u05d0\u05d2\u05e8 \u05d6\u05d4 \u05de\u05e1\u05e4\u05e7 \u05d0\u05ea \u05d4\u05d2\u05e8\u05e1\u05d0\u05d5\u05ea \u05d4\u05e2\u05d3\u05db\u05e0\u05d9\u05d5\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05e9\u05dc Node.js \u05d5-npm \u05dc\u05d4\u05ea\u05e7\u05e0\u05d4.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">curl -fsSL https:\/\/deb.nodesource.com\/setup_18.x | sudo -E bash \u2013<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d4\u05ea\u05e7\u05e0\u05ea Node.js \u05d5-npm<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">sudo apt install -y nodejs npm<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05e4\u05e2\u05d5\u05dc\u05d4 \u05d6\u05d5 \u05de\u05ea\u05e7\u05d9\u05e0\u05d4 \u05d0\u05ea \u05d4\u05d2\u05e8\u05e1\u05d4 \u05d4\u05e0\u05d5\u05db\u05d7\u05d9\u05ea \u05e9\u05dc Node.js (18.x) \u05d5-npm, \u05de\u05d4 \u05e9\u05de\u05d1\u05d8\u05d9\u05d7 \u05ea\u05d0\u05d9\u05de\u05d5\u05ea \u05e2\u05dd Vite.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d0\u05d9\u05de\u05d5\u05ea \u05d4\u05ea\u05e7\u05e0\u05d4<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05dc\u05d0\u05d7\u05e8 \u05d4\u05d4\u05ea\u05e7\u05e0\u05d4, \u05d5\u05d3\u05d0\u05d5 \u05e9\u05d2\u05dd Node.js \u05d5\u05d2\u05dd npm \u05de\u05d5\u05ea\u05e7\u05e0\u05d9\u05dd \u05db\u05d4\u05dc\u05db\u05d4 \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d4\u05e4\u05e2\u05dc\u05ea:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05e6\u05d5\u05de\u05ea -v<\/span><\/p>\n<p><span style=\"font-weight: 400;\">npm -v<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05d0\u05ea\u05d4 \u05d0\u05de\u05d5\u05e8 \u05dc\u05e8\u05d0\u05d5\u05ea \u05de\u05e1\u05e4\u05e8\u05d9 \u05d2\u05e8\u05e1\u05d4 \u05d4\u05de\u05d0\u05e9\u05e8\u05d9\u05dd \u05e9-Node.js \u05d5-npm \u05de\u05d5\u05db\u05e0\u05d9\u05dd \u05dc\u05e9\u05d9\u05de\u05d5\u05e9.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05e9\u05dc\u05d1 2: \u05d4\u05ea\u05e7\u05e0\u05ea Vite \u05d1\u05e8\u05d7\u05d1\u05d9 \u05d4\u05e2\u05d5\u05dc\u05dd<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05db\u05e2\u05ea, \u05dc\u05d0\u05d7\u05e8 \u05e9-Node.js \u05d5-npm \u05d4\u05d5\u05d2\u05d3\u05e8\u05d5, \u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05ea\u05e7\u05d9\u05df \u05d0\u05ea Vite \u05d1\u05d0\u05d5\u05e4\u05df \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9. \u05d6\u05d4 \u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05da \u05dc\u05d9\u05e6\u05d5\u05e8 \u05d1\u05e7\u05dc\u05d5\u05ea \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05d7\u05d3\u05e9\u05d9\u05dd \u05e9\u05dc Vite \u05de\u05db\u05dc \u05e1\u05e4\u05e8\u05d9\u05d9\u05d4.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d4\u05e4\u05e2\u05dc \u05d0\u05ea \u05e4\u05e7\u05d5\u05d3\u05ea \u05d4\u05d4\u05ea\u05e7\u05e0\u05d4 \u05d4\u05d2\u05dc\u05d5\u05d1\u05dc\u05d9\u05ea<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">sudo npm install -g create-vite<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d6\u05d5 \u05de\u05ea\u05e7\u05d9\u05e0\u05d4 \u05d0\u05ea Vite \u05d1\u05d0\u05d5\u05e4\u05df \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9, \u05d5\u05de\u05e1\u05e4\u05e7\u05ea \u05e4\u05e7\u05d5\u05d3\u05d4 \u05d0\u05d7\u05ea \u05dc\u05d0\u05ea\u05d7\u05d5\u05dc \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05e9\u05dc Vite \u05d1\u05de\u05d4\u05d9\u05e8\u05d5\u05ea. \u05d4\u05ea\u05e7\u05e0\u05d4 \u05d2\u05dc\u05d5\u05d1\u05dc\u05d9\u05ea \u05e9\u05dc Vite \u05de\u05e4\u05e9\u05d8\u05ea \u05d0\u05ea \u05d9\u05e6\u05d9\u05e8\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05d5\u05d4\u05d4\u05ea\u05e7\u05e0\u05d4.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05e9\u05dc\u05d1 3: \u05e6\u05d5\u05e8 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 React \u05d7\u05d3\u05e9 \u05e2\u05dd Vite<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05dc\u05d0\u05d7\u05e8 \u05d4\u05ea\u05e7\u05e0\u05ea Vite, \u05ea\u05d5\u05db\u05dc\u05d5 \u05dc\u05d9\u05e6\u05d5\u05e8 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 React \u05d7\u05d3\u05e9 \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea\u05d5. \u05e4\u05ea\u05d7\u05d5 \u05d0\u05ea \u05d4\u05d8\u05e8\u05de\u05d9\u05e0\u05dc, \u05e0\u05d5\u05d5\u05d8\u05d5 \u05dc\u05ea\u05d9\u05e7\u05d9\u05d9\u05d4 \u05d4\u05de\u05d5\u05e2\u05d3\u05e4\u05ea \u05e2\u05dc\u05d9\u05db\u05dd \u05d5\u05d4\u05e9\u05ea\u05de\u05e9\u05d5 \u05d1\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d4\u05d1\u05d0\u05d4 \u05db\u05d3\u05d9 \u05dc\u05d4\u05ea\u05d7\u05d9\u05dc \u05d0\u05ea \u05d4\u05d4\u05ea\u05e7\u05e0\u05d4.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d4\u05e4\u05e2\u05dc \u05d0\u05ea \u05d4\u05e4\u05e7\u05d5\u05d3\u05d4 Vite Create<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">npm \u05e6\u05d5\u05e8 vite@\u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d4\u05d0\u05d7\u05e8\u05d5\u05e0\u05d4 \u05e9\u05dc\u05d9<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05dc\u05b0\u05d4\u05b7\u05d7\u05dc\u05b4\u05d9\u05e3 <\/span><span style=\"font-weight: 400;\">\u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05d9<\/span><span style=\"font-weight: 400;\"> \u05e2\u05dd \u05e9\u05dd \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05d4\u05e8\u05e6\u05d5\u05d9. \u05e4\u05e7\u05d5\u05d3\u05d4 \u05d6\u05d5 \u05de\u05d0\u05ea\u05d7\u05dc\u05ea \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 Vite, \u05d5-Vite \u05d9\u05d3\u05e8\u05d9\u05da \u05d0\u05d5\u05ea\u05da \u05d3\u05e8\u05da \u05de\u05e1\u05e4\u05e8 \u05d4\u05e0\u05d7\u05d9\u05d5\u05ea \u05d4\u05ea\u05e7\u05e0\u05d4.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05e4\u05e2\u05dc \u05dc\u05e4\u05d9 \u05d4\u05e0\u05d7\u05d9\u05d5\u05ea \u05d4\u05d4\u05ea\u05e7\u05e0\u05d4:<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05e9\u05dd \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8<\/b><span style=\"font-weight: 400;\">\u05d1\u05d7\u05e8 \u05e9\u05dd \u05dc\u05e1\u05e4\u05e8\u05d9\u05d9\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc\u05da (\u05dc\u05de\u05e9\u05dc, &quot;my-app&quot;).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d1\u05d7\u05d9\u05e8\u05ea \u05de\u05e1\u05d2\u05e8\u05ea<\/b><span style=\"font-weight: 400;\">\u05d1\u05d7\u05e8 &quot;React&quot; \u05de\u05e8\u05e9\u05d9\u05de\u05ea \u05d4\u05de\u05e1\u05d2\u05e8\u05d5\u05ea.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d2\u05b4\u05e8\u05b0\u05e1\u05b8\u05d4 \u05d0\u05b7\u05d7\u05b6\u05e8\u05b6\u05ea<\/b><span style=\"font-weight: 400;\">\u05d1\u05d7\u05e8 \u05d1\u05d9\u05df JavaScript \u05dc-TypeScript \u05d1\u05d4\u05ea\u05d0\u05dd \u05dc\u05d4\u05e2\u05d3\u05e4\u05ea\u05da.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u05dc\u05d0\u05d7\u05e8 \u05d4\u05e9\u05dc\u05de\u05ea \u05d4\u05ea\u05d4\u05dc\u05d9\u05da, Vite \u05d9\u05d9\u05e6\u05d5\u05e8 \u05ea\u05d9\u05e7\u05d9\u05d9\u05ea \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e2\u05dd \u05db\u05dc \u05d4\u05e7\u05d1\u05e6\u05d9\u05dd \u05d4\u05e0\u05d3\u05e8\u05e9\u05d9\u05dd \u05d5\u05de\u05d1\u05e0\u05d4 \u05e1\u05d8\u05e0\u05d3\u05e8\u05d8\u05d9.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05e9\u05dc\u05d1 4: \u05e0\u05d5\u05d5\u05d8 \u05dc\u05ea\u05d9\u05e7\u05d9\u05d9\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc\u05da<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05dc\u05d0\u05d7\u05e8 \u05d4\u05d2\u05d3\u05e8\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8, \u05e0\u05d5\u05d5\u05d8\u05d5 \u05d0\u05dc \u05e1\u05e4\u05e8\u05d9\u05d9\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05d4\u05d7\u05d3\u05e9\u05d4 \u05e9\u05e0\u05d5\u05e6\u05e8\u05d4 \u05db\u05d3\u05d9 \u05dc\u05d4\u05ea\u05d7\u05d9\u05dc \u05dc\u05e2\u05d1\u05d5\u05d3 \u05d0\u05d9\u05ea\u05d4.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05e9\u05d9\u05e0\u05d5\u05d9 \u05d1\u05e1\u05e4\u05e8\u05d9\u05d9\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">cd \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05d9<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d6\u05d5 \u05de\u05e2\u05d1\u05d9\u05e8\u05d4 \u05d0\u05ea \u05e1\u05e4\u05e8\u05d9\u05d9\u05ea \u05d4\u05e2\u05d1\u05d5\u05d3\u05d4 \u05e9\u05dc\u05da \u05dc <\/span><span style=\"font-weight: 400;\">\u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05d9<\/span><span style=\"font-weight: 400;\">, \u05de\u05d4 \u05e9\u05de\u05e7\u05dc \u05e2\u05dc \u05e0\u05d9\u05d4\u05d5\u05dc \u05d5\u05e2\u05d1\u05d5\u05d3\u05d4 \u05d1\u05ea\u05d5\u05da \u05e7\u05d1\u05e6\u05d9 \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc Vite.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05e9\u05dc\u05d1 5: \u05d4\u05ea\u05e7\u05e0\u05ea \u05ea\u05dc\u05d5\u05d9\u05d5\u05ea \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05dc\u05e4\u05e0\u05d9 \u05d4\u05e4\u05e2\u05dc\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8, \u05d9\u05e9 \u05dc\u05d4\u05ea\u05e7\u05d9\u05df \u05d0\u05ea \u05db\u05dc \u05d4\u05ea\u05dc\u05d5\u05d9\u05d5\u05ea \u05d4\u05e0\u05d3\u05e8\u05e9\u05d5\u05ea. \u05d0\u05dc\u05d4 \u05db\u05d5\u05dc\u05dc\u05d5\u05ea \u05e1\u05e4\u05e8\u05d9\u05d5\u05ea \u05d5\u05d7\u05d1\u05d9\u05dc\u05d5\u05ea \u05d4\u05e0\u05d7\u05d5\u05e6\u05d5\u05ea \u05dc\u05d4\u05e4\u05e2\u05dc\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d4\u05e4\u05e2\u05dc \u05d0\u05ea \u05e4\u05e7\u05d5\u05d3\u05ea \u05d4\u05d4\u05ea\u05e7\u05e0\u05d4<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05d4\u05ea\u05e7\u05e0\u05ea npm<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d6\u05d5 \u05de\u05d5\u05e8\u05d9\u05d3\u05d4 \u05d5\u05de\u05ea\u05e7\u05d9\u05e0\u05d4 \u05d0\u05ea \u05db\u05dc \u05d4\u05ea\u05dc\u05d5\u05d9\u05d5\u05ea \u05e9\u05e6\u05d5\u05d9\u05e0\u05d5 \u05d1- <\/span><span style=\"font-weight: 400;\">package.json<\/span><span style=\"font-weight: 400;\"> \u05e7\u05d5\u05d1\u05e5. \u05ea\u05dc\u05d5\u05d9\u05d5\u05ea \u05d0\u05dc\u05d5 \u05de\u05e4\u05e2\u05d9\u05dc\u05d5\u05ea \u05d0\u05ea \u05e8\u05db\u05d9\u05d1\u05d9 React, \u05d0\u05ea \u05e4\u05d5\u05e0\u05e7\u05e6\u05d9\u05d5\u05e0\u05dc\u05d9\u05d5\u05ea Vite \u05d5\u05db\u05dc \u05db\u05dc\u05d9 \u05d0\u05d5 \u05e1\u05e4\u05e8\u05d9\u05d9\u05d4 \u05e0\u05d5\u05e1\u05e4\u05d9\u05dd \u05d4\u05de\u05e9\u05de\u05e9\u05d9\u05dd \u05d1\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc\u05da.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05e9\u05dc\u05d1 6: \u05d4\u05e4\u05e2\u05dc \u05d0\u05ea \u05e9\u05e8\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05db\u05e2\u05ea, \u05dc\u05d0\u05d7\u05e8 \u05d4\u05e9\u05dc\u05de\u05ea \u05d4\u05d4\u05ea\u05e7\u05e0\u05d4 \u05d5\u05d4\u05ea\u05dc\u05d5\u05d9\u05d5\u05ea \u05d4\u05d5\u05ea\u05e7\u05e0\u05d5, \u05d4\u05e4\u05e2\u05dc \u05d0\u05ea \u05e9\u05e8\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05e9\u05dc Vite. \u05e9\u05e8\u05ea \u05d6\u05d4 \u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05da \u05dc\u05e8\u05d0\u05d5\u05ea \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da \u05d1\u05d6\u05de\u05df \u05d0\u05de\u05ea \u05d5\u05dc\u05d9\u05d9\u05e9\u05dd \u05e9\u05d9\u05e0\u05d5\u05d9\u05d9 \u05e7\u05d5\u05d3 \u05d1\u05d0\u05d5\u05e4\u05df \u05de\u05d9\u05d9\u05d3\u05d9.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05d4\u05e4\u05e2\u05dc \u05d0\u05ea \u05e9\u05e8\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">\u05dc\u05b7\u05d7\u05b2\u05d1\u05d5\u05b9\u05d8<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05de\u05e4\u05ea\u05d7 \u05d4\u05e4\u05e2\u05dc\u05d4 \u05e9\u05dc npm<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d6\u05d5 \u05de\u05e4\u05e2\u05d9\u05dc\u05d4 \u05d0\u05ea \u05e9\u05e8\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7, \u05d5-Vite \u05d9\u05e6\u05d9\u05d2 \u05db\u05ea\u05d5\u05d1\u05ea URL \u05de\u05e7\u05d5\u05de\u05d9\u05ea \u05e9\u05d1\u05d4 \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da \u05e0\u05d2\u05d9\u05e9\u05d4. \u05db\u05d1\u05e8\u05d9\u05e8\u05ea \u05de\u05d7\u05d3\u05dc, \u05db\u05ea\u05d5\u05d1\u05ea URL \u05d6\u05d5 \u05d4\u05d9\u05d0:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u05d0\u05e8\u05d3\u05d5\u05d0\u05d9\u05e0\u05d5<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">http:\/\/localhost:5173\/<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05d9\u05d9\u05ea\u05db\u05df \u05e9\u05ea\u05e8\u05d0\u05d4 \u05d2\u05dd \u05d0\u05e4\u05e9\u05e8\u05d5\u05d9\u05d5\u05ea \u05e8\u05e9\u05ea \u05d5\u05de\u05d9\u05d3\u05e2 \u05e0\u05d5\u05e1\u05e3, \u05d1\u05d4\u05ea\u05d0\u05dd \u05dc\u05d2\u05e8\u05e1\u05ea \u05d4-Vite \u05e9\u05dc\u05da.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05e9\u05dc\u05d1 7: \u05e6\u05e4\u05d4 \u05d1\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05e9\u05dc\u05da \u05d1\u05d3\u05e4\u05d3\u05e4\u05df<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05db\u05d0\u05e9\u05e8 \u05e9\u05e8\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05e4\u05d5\u05e2\u05dc, \u05db\u05e2\u05ea \u05ea\u05d5\u05db\u05dc\u05d5 \u05dc\u05e6\u05e4\u05d5\u05ea \u05d1\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05e9\u05dc\u05db\u05dd \u05d1\u05d3\u05e4\u05d3\u05e4\u05df \u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">\u05e4\u05ea\u05d7 \u05d0\u05ea \u05db\u05ea\u05d5\u05d1\u05ea \u05d4-URL \u05d4\u05de\u05e7\u05d5\u05de\u05d9\u05ea \u05d1\u05d3\u05e4\u05d3\u05e4\u05df \u05e9\u05dc\u05da:<\/span><\/h4>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05e4\u05ea\u05d7 \u05d0\u05ea \u05d3\u05e4\u05d3\u05e4\u05df \u05d4\u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8 \u05d4\u05de\u05d5\u05e2\u05d3\u05e3 \u05e2\u05dc\u05d9\u05da.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05e0\u05d5\u05d5\u05d8 \u05dc\u05db\u05ea\u05d5\u05d1\u05ea \u05d4-URL \u05d4\u05de\u05d5\u05e6\u05d2\u05ea \u05d1\u05d8\u05e8\u05de\u05d9\u05e0\u05dc, \u05d1\u05d3\u05e8\u05da \u05db\u05dc\u05dc <\/span><span style=\"font-weight: 400;\">http:\/\/localhost:5173\/<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05d4\u05d7\u05d3\u05e9\u05d4 \u05e9\u05dc\u05da \u05d0\u05de\u05d5\u05e8\u05d4 \u05dc\u05d4\u05d9\u05d8\u05e2\u05df \u05d1\u05d3\u05e4\u05d3\u05e4\u05df. \u05db\u05dc \u05e9\u05d9\u05e0\u05d5\u05d9 \u05e9\u05ea\u05e2\u05e9\u05d4 \u05d1\u05e2\u05d5\u05e8\u05da \u05d4\u05e7\u05d5\u05d3 \u05e9\u05dc\u05da \u05d9\u05ea\u05e2\u05d3\u05db\u05df \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea \u05d1\u05d3\u05e4\u05d3\u05e4\u05df, \u05d4\u05d5\u05d3\u05d5\u05ea \u05dc\u05ea\u05db\u05d5\u05e0\u05ea \u05d4\u05d7\u05dc\u05e4\u05ea \u05d4\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d4\u05d7\u05de\u05d9\u05dd (HMR) \u05e9\u05dc Vite, \u05d4\u05de\u05d0\u05e4\u05e9\u05e8\u05ea \u05e2\u05d3\u05db\u05d5\u05e0\u05d9\u05dd \u05de\u05d4\u05d9\u05e8\u05d9\u05dd \u05de\u05d1\u05dc\u05d9 \u05e9\u05d9\u05d4\u05d9\u05d4 \u05e6\u05d5\u05e8\u05da \u05dc\u05d8\u05e2\u05d5\u05df \u05de\u05d7\u05d3\u05e9 \u05d0\u05ea \u05db\u05dc \u05d4\u05d3\u05e3.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7330\" src=\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-pixabay-267392.png\" alt=\"\" width=\"2048\" height=\"1365\" srcset=\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-pixabay-267392.png 2048w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-pixabay-267392-300x200.png.webp 300w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-pixabay-267392-1024x683.png.webp 1024w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-pixabay-267392-768x512.png.webp 768w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-pixabay-267392-1536x1024.png.webp 1536w, https:\/\/mobian.studio\/wp-content\/smush-webp\/2024\/11\/pexels-pixabay-267392-18x12.png.webp 18w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">\u05e1\u05e7\u05d9\u05e8\u05ea \u05de\u05d1\u05e0\u05d4 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 Vite<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u05dc\u05d0\u05d7\u05e8 \u05d4\u05d2\u05d3\u05e8\u05ea \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 Vite \u05e9\u05dc\u05db\u05dd, \u05ea\u05e8\u05d0\u05d5 \u05de\u05d1\u05e0\u05d4 \u05ea\u05d9\u05e7\u05d9\u05d5\u05ea \u05d5\u05e7\u05d1\u05e6\u05d9\u05dd \u05e1\u05d8\u05e0\u05d3\u05e8\u05d8\u05d9 \u05d4\u05de\u05d0\u05e8\u05d2\u05df \u05e8\u05db\u05d9\u05d1\u05d9\u05dd \u05d7\u05d9\u05d5\u05e0\u05d9\u05d9\u05dd \u05e9\u05dc \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05e9\u05dc\u05db\u05dd. \u05de\u05d1\u05e0\u05d4 \u05d6\u05d4 \u05e9\u05d5\u05de\u05e8 \u05e2\u05dc \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05de\u05e1\u05d5\u05d3\u05e8 \u05d5\u05de\u05d5\u05d3\u05d5\u05dc\u05e8\u05d9, \u05d5\u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05db\u05dd \u05dc\u05d4\u05ea\u05de\u05e7\u05d3 \u05d1\u05e4\u05d9\u05ea\u05d5\u05d7 \u05de\u05d1\u05dc\u05d9 \u05dc\u05d4\u05d9\u05ea\u05e7\u05e2 \u05d1\u05e4\u05e8\u05d8\u05d9 \u05ea\u05e6\u05d5\u05e8\u05d4. \u05dc\u05d4\u05dc\u05df \u05e4\u05d9\u05e8\u05d5\u05d8 \u05e9\u05dc \u05d4\u05e7\u05d1\u05e6\u05d9\u05dd \u05d5\u05d4\u05ea\u05d9\u05e7\u05d9\u05d5\u05ea \u05d4\u05e2\u05d9\u05e7\u05e8\u05d9\u05d9\u05dd \u05d1\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05d8\u05d9\u05e4\u05d5\u05e1\u05d9\u05ea \u05d4\u05de\u05d5\u05e4\u05e2\u05dc\u05ea \u05e2\u05dc \u05d9\u05d3\u05d9 Vite:<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">index.html<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05e7\u05d5\u05d1\u05e5 \u05d6\u05d4 \u05d4\u05d5\u05d0 \u05e7\u05d5\u05d1\u05e5 \u05d4-HTML \u05d4\u05e8\u05d0\u05e9\u05d9 \u05e2\u05d1\u05d5\u05e8 \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da. \u05d4\u05d5\u05d0 \u05de\u05e9\u05de\u05e9 \u05db\u05e0\u05e7\u05d5\u05d3\u05ea \u05db\u05e0\u05d9\u05e1\u05d4 \u05e2\u05d1\u05d5\u05e8 \u05d4\u05d3\u05e4\u05d3\u05e4\u05df \u05dc\u05d8\u05e2\u05d9\u05e0\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Vite \u05de\u05d6\u05e8\u05d9\u05e7 \u05db\u05d0\u05df \u05d0\u05ea \u05de\u05d5\u05d3\u05d5\u05dc\u05d9 \u05d4-JavaScript, \u05db\u05da \u05e9\u05dc\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da \u05ea\u05d4\u05d9\u05d4 \u05d2\u05d9\u05e9\u05d4 \u05dc\u05e1\u05e7\u05e8\u05d9\u05e4\u05d8\u05d9\u05dd \u05d5\u05dc\u05e0\u05db\u05e1\u05d9\u05dd \u05d4\u05d3\u05e8\u05d5\u05e9\u05d9\u05dd.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05e9\u05dc\u05d0 \u05db\u05de\u05d5 \u05de\u05e2\u05e8\u05db\u05d5\u05ea \u05de\u05e1\u05d5\u05e8\u05ea\u05d9\u05d5\u05ea, \u05e9\u05dc Vite <\/span><span style=\"font-weight: 400;\">index.html<\/span><span style=\"font-weight: 400;\"> \u05de\u05de\u05d5\u05e7\u05dd \u05d1\u05e9\u05d5\u05e8\u05e9 \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8, \u05de\u05d4 \u05e9\u05de\u05e4\u05e9\u05d8 \u05d0\u05ea \u05d8\u05e2\u05d9\u05e0\u05ea \u05d4\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d5\u05e9\u05d5\u05de\u05e8 \u05e2\u05dc \u05e0\u05d9\u05e7\u05d9\u05d5\u05df \u05d4\u05d4\u05ea\u05e7\u05e0\u05d4.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">src\/main.jsx<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05d6\u05d5\u05d4\u05d9 \u05e0\u05e7\u05d5\u05d3\u05ea \u05d4\u05db\u05e0\u05d9\u05e1\u05d4 \u05e2\u05d1\u05d5\u05e8 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05e9\u05dc\u05da, \u05e9\u05dd \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05de\u05d0\u05d5\u05ea\u05d7\u05dc\u05ea.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05d1\u05ea\u05d5\u05da \u05e7\u05d5\u05d1\u05e5 \u05d6\u05d4, \u05ea\u05de\u05e6\u05d0\u05d5 \u05e7\u05d5\u05d3 \u05e9\u05de\u05e6\u05d9\u05d2 \u05d0\u05ea \u05e2\u05e5 \u05d4\u05e8\u05db\u05d9\u05d1\u05d9\u05dd \u05e9\u05dc React \u05dc-DOM, \u05d1\u05d3\u05e8\u05da \u05db\u05dc\u05dc \u05de\u05e7\u05e9\u05e8 \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05db\u05dd \u05dc\u05e7\u05d5\u05d1\u05e5 root. <\/span><span style=\"font-weight: 400;\">\u05d3\u05d9\u05d5<\/span><span style=\"font-weight: 400;\"> \u05d1 <\/span><span style=\"font-weight: 400;\">index.html<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05d6\u05d4\u05d5 \u05e7\u05d5\u05d1\u05e5 \u05d4-JavaScript \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05e2\u05d5\u05d1\u05e8 \u05ea\u05d4\u05dc\u05d9\u05da \u05d5\u05d7\u05d1\u05d9\u05dc\u05d5\u05ea \u05e9\u05dc Vite, \u05de\u05d4 \u05e9\u05d4\u05d5\u05e4\u05da \u05d0\u05d5\u05ea\u05d5 \u05dc\u05d7\u05d9\u05d5\u05e0\u05d9 \u05dc\u05de\u05d1\u05e0\u05d4 \u05d5\u05dc\u05e8\u05e6\u05e3 \u05d4\u05d8\u05e2\u05d9\u05e0\u05d4 \u05e9\u05dc \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">src\/App.jsx<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05e7\u05d5\u05d1\u05e5 \u05d6\u05d4 \u05de\u05d9\u05d9\u05e6\u05d2 \u05d0\u05ea \u05d4\u05e8\u05db\u05d9\u05d1 \u05d4\u05e2\u05d9\u05e7\u05e8\u05d9 \u05e9\u05dc \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05e9\u05dc\u05da, \u05d5\u05d1\u05d3\u05e8\u05da \u05db\u05dc\u05dc \u05de\u05db\u05d9\u05dc \u05d0\u05ea \u05d4\u05de\u05d1\u05e0\u05d4 \u05d0\u05d5 \u05d4\u05e4\u05e8\u05d9\u05e1\u05d4 \u05d4\u05e8\u05d0\u05e9\u05d9\u05d9\u05dd \u05e9\u05dc \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05de\u05b4\u05df <\/span><span style=\"font-weight: 400;\">\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4.jsx<\/span><span style=\"font-weight: 400;\">, \u05e0\u05d9\u05ea\u05df \u05dc\u05d9\u05d9\u05d1\u05d0 \u05d5\u05dc\u05e0\u05d4\u05dc \u05e8\u05db\u05d9\u05d1\u05d9\u05dd \u05d0\u05d7\u05e8\u05d9\u05dd, \u05dc\u05d4\u05d2\u05d3\u05d9\u05e8 \u05de\u05e1\u05dc\u05d5\u05dc\u05d9\u05dd \u05d0\u05d5 \u05dc\u05d9\u05e6\u05d5\u05e8 \u05ea\u05e6\u05d5\u05e8\u05d5\u05ea \u05d0\u05d7\u05e8\u05d5\u05ea \u05d1\u05e8\u05de\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05e9\u05d9\u05e0\u05d5\u05d9 <\/span><span style=\"font-weight: 400;\">\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4.jsx<\/span><span style=\"font-weight: 400;\"> \u05de\u05e1\u05e4\u05e7 \u05dc\u05e2\u05ea\u05d9\u05dd \u05e7\u05e8\u05d5\u05d1\u05d5\u05ea \u05d0\u05ea \u05d4\u05e9\u05d9\u05e0\u05d5\u05d9\u05d9\u05dd \u05d4\u05e2\u05d9\u05e7\u05e8\u05d9\u05d9\u05dd \u05e9\u05d0\u05ea\u05d4 \u05e8\u05d5\u05d0\u05d4 \u05d1\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da, \u05de\u05db\u05d9\u05d5\u05d5\u05df \u05e9\u05d6\u05d4 \u05d1\u05d3\u05e8\u05da \u05db\u05dc\u05dc \u05dc\u05d1 \u05dc\u05d9\u05d1\u05d4 \u05e9\u05dc \u05de\u05de\u05e9\u05e7 \u05d4\u05de\u05e9\u05ea\u05de\u05e9 \u05e9\u05dc \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc\u05da.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">vite.config.js<\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05e7\u05d5\u05d1\u05e5 \u05d4\u05ea\u05e6\u05d5\u05e8\u05d4 \u05e2\u05d1\u05d5\u05e8 Vite, \u05d4\u05de\u05de\u05d5\u05e7\u05dd \u05d1\u05e7\u05d5\u05d1\u05e5 \u05d4\u05e9\u05d5\u05e8\u05e9 \u05e9\u05dc \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05e7\u05d5\u05d1\u05e5 \u05d6\u05d4 \u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05da \u05dc\u05d4\u05ea\u05d0\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05ea \u05d0\u05ea \u05d4\u05d4\u05ea\u05e0\u05d4\u05d2\u05d5\u05ea \u05d5\u05d4\u05d4\u05d2\u05d3\u05e8\u05d5\u05ea \u05e9\u05dc Vite, \u05db\u05d2\u05d5\u05df \u05d4\u05d2\u05d3\u05e8\u05ea \u05d0\u05e4\u05e9\u05e8\u05d5\u05d9\u05d5\u05ea \u05d1\u05e0\u05d9\u05d9\u05d4, \u05d4\u05d5\u05e1\u05e4\u05ea \u05ea\u05d5\u05e1\u05e4\u05d9\u05dd \u05d0\u05d5 \u05d4\u05d2\u05d3\u05e8\u05ea \u05ea\u05e6\u05d5\u05e8\u05d5\u05ea \u05e4\u05e8\u05d5\u05e7\u05e1\u05d9.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u05d1\u05e2\u05d5\u05d3 \u05e9-Vite \u05e0\u05d5\u05e2\u05d3 \u05dc\u05e2\u05d1\u05d5\u05d3 \u05dc\u05dc\u05d0 \u05ea\u05e6\u05d5\u05e8\u05d4 \u05db\u05d1\u05d3\u05d4, <\/span><span style=\"font-weight: 400;\">vite.config.js<\/span><span style=\"font-weight: 400;\"> \u05e0\u05d5\u05ea\u05df \u05dc\u05da \u05d2\u05de\u05d9\u05e9\u05d5\u05ea \u05dc\u05d4\u05ea\u05d0\u05d9\u05dd \u05d4\u05d2\u05d3\u05e8\u05d5\u05ea \u05db\u05db\u05dc \u05e9\u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc\u05da \u05d2\u05d3\u05dc.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05e7\u05d1\u05e6\u05d9\u05dd \u05d5\u05e1\u05e4\u05e8\u05d9\u05d5\u05ea \u05e0\u05d5\u05e1\u05e4\u05d9\u05dd<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05d1\u05e2\u05d5\u05d3 \u05e9\u05e7\u05d1\u05e6\u05d9 \u05d4\u05dc\u05d9\u05d1\u05d4 \u05d4\u05dc\u05dc\u05d5 \u05d7\u05d9\u05d5\u05e0\u05d9\u05d9\u05dd, \u05d9\u05d9\u05ea\u05db\u05df \u05e9\u05ea\u05d9\u05ea\u05e7\u05dc\u05d5 \u05d1\u05e1\u05e4\u05e8\u05d9\u05d5\u05ea \u05d5\u05d1\u05e7\u05d1\u05e6\u05d9\u05dd \u05e0\u05d5\u05e1\u05e4\u05d9\u05dd \u05db\u05db\u05dc \u05e9\u05ea\u05e8\u05d7\u05d9\u05d1\u05d5 \u05d0\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc\u05db\u05dd, \u05db\u05d5\u05dc\u05dc:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05e4\u05bc\u05d5\u05bc\u05de\u05b0\u05d1\u05bc\u05b5\u05d9\/<\/b><span style=\"font-weight: 400;\">\u05ea\u05d9\u05e7\u05d9\u05d9\u05d4 \u05dc\u05d0\u05d7\u05e1\u05d5\u05df \u05e0\u05db\u05e1\u05d9\u05dd \u05e1\u05d8\u05d8\u05d9\u05d9\u05dd \u05db\u05de\u05d5 \u05ea\u05de\u05d5\u05e0\u05d5\u05ea, \u05d2\u05d5\u05e4\u05e0\u05d9\u05dd \u05d0\u05d5 \u05d0\u05d9\u05d9\u05e7\u05d5\u05e0\u05d9\u05dd. \u05e7\u05d1\u05e6\u05d9\u05dd \u05d0\u05dc\u05d4 \u05de\u05d5\u05d2\u05e9\u05d9\u05dd \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05dc\u05dc\u05d0 \u05e6\u05d5\u05e8\u05da \u05d1\u05d9\u05d9\u05d1\u05d5\u05d0 \u05de\u05d9\u05d5\u05d7\u05d3.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05de\u05e7\u05d5\u05e8\/<\/b><span style=\"font-weight: 400;\">: \u05d4\u05ea\u05d9\u05e7\u05d9\u05d9\u05d4 \u05d4\u05e8\u05d0\u05e9\u05d9\u05ea \u05e2\u05d1\u05d5\u05e8 \u05db\u05dc \u05e7\u05d5\u05d3 \u05d4\u05de\u05e7\u05d5\u05e8 \u05e9\u05dc \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea. \u05d9\u05d7\u05d3 \u05e2\u05dd <\/span><span style=\"font-weight: 400;\">main.jsx<\/span><span style=\"font-weight: 400;\"> \u05d5 <\/span><span style=\"font-weight: 400;\">\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4.jsx<\/span><span style=\"font-weight: 400;\">, \u05ea\u05d9\u05e7\u05d9\u05d9\u05d4 \u05d6\u05d5 \u05de\u05db\u05d9\u05dc\u05d4 \u05e8\u05db\u05d9\u05d1\u05d9 React \u05d0\u05d7\u05e8\u05d9\u05dd, \u05e4\u05d5\u05e0\u05e7\u05e6\u05d9\u05d5\u05ea \u05e2\u05d6\u05e8 \u05d0\u05d5 \u05e1\u05e4\u05e7\u05d9 \u05d4\u05e7\u05e9\u05e8 \u05db\u05db\u05dc \u05e9\u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da \u05de\u05ea\u05e8\u05d7\u05d1\u05ea.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u05de\u05d1\u05e0\u05d4 \u05de\u05d0\u05d5\u05e8\u05d2\u05df \u05d6\u05d4 \u05e9\u05d5\u05de\u05e8 \u05e2\u05dc \u05e7\u05d1\u05e6\u05d9 \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc\u05da \u05e0\u05d2\u05d9\u05e9\u05d9\u05dd \u05d5\u05e0\u05d9\u05ea\u05e0\u05d9\u05dd \u05dc\u05e0\u05d9\u05d4\u05d5\u05dc, \u05db\u05da \u05e9\u05ea\u05d5\u05db\u05dc \u05dc\u05d4\u05ea\u05de\u05e7\u05d3 \u05d1\u05d1\u05e0\u05d9\u05d9\u05ea \u05d4\u05e8\u05db\u05d9\u05d1\u05d9\u05dd \u05d5\u05d4\u05ea\u05db\u05d5\u05e0\u05d5\u05ea \u05e9\u05dc \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da \u05de\u05d1\u05dc\u05d9 \u05dc\u05d3\u05d0\u05d5\u05d2 \u05dc\u05d4\u05ea\u05e7\u05e0\u05d4 \u05d0\u05d5 \u05ea\u05e6\u05d5\u05e8\u05d5\u05ea \u05e0\u05e8\u05d7\u05d1\u05d5\u05ea.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">\u05d9\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05d4\u05e9\u05d9\u05de\u05d5\u05e9 \u05d1-Vite \u05e2\u05dc \u05e4\u05e0\u05d9 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea Create React<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u05de\u05e2\u05d1\u05e8 \u05de-Create React App (CRA) \u05dc-Vite \u05d9\u05db\u05d5\u05dc \u05dc\u05d4\u05d1\u05d9\u05d0 \u05de\u05e1\u05e4\u05e8 \u05d9\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05d1\u05d1\u05d9\u05e6\u05d5\u05e2\u05d9\u05dd \u05d5\u05d1\u05e4\u05e8\u05d5\u05d3\u05d5\u05e7\u05d8\u05d9\u05d1\u05d9\u05d5\u05ea. Vite \u05d1\u05e0\u05d5\u05d9 \u05dc\u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05d5\u05d9\u05e2\u05d9\u05dc\u05d5\u05ea, \u05d5\u05de\u05e2\u05e0\u05d9\u05e7 \u05dc\u05de\u05e4\u05ea\u05d7\u05d9\u05dd \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05e4\u05d9\u05ea\u05d5\u05d7 \u05e8\u05e1\u05e4\u05d5\u05e0\u05e1\u05d9\u05d1\u05d9\u05ea \u05d9\u05d5\u05ea\u05e8. \u05d4\u05e0\u05d4 \u05de\u05d1\u05d8 \u05de\u05e2\u05de\u05d9\u05e7 \u05d9\u05d5\u05ea\u05e8 \u05e2\u05dc \u05d4\u05d9\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05e9\u05dc \u05e9\u05d9\u05de\u05d5\u05e9 \u05d1-Vite \u05e2\u05dc \u05e4\u05e0\u05d9 CRA:<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05d1\u05e0\u05d9\u05d5\u05ea \u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05d9\u05d5\u05ea\u05e8<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Vite \u05de\u05e7\u05e6\u05e8 \u05de\u05e9\u05de\u05e2\u05d5\u05ea\u05d9\u05ea \u05d0\u05ea \u05d6\u05de\u05e0\u05d9 \u05d4\u05d1\u05e0\u05d9\u05d9\u05d4 \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d8\u05d9\u05e4\u05d5\u05dc \u05e9\u05d5\u05e0\u05d4 \u05d1\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d1\u05d4\u05e9\u05d5\u05d5\u05d0\u05d4 \u05dc-CRA. \u05db\u05da \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d7\u05d1\u05d9\u05dc\u05ea \u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05de\u05e8\u05d0\u05e9<\/b><span style=\"font-weight: 400;\">Vite \u05de\u05d1\u05e6\u05e2 \u05d7\u05d1\u05d9\u05dc\u05d5\u05ea \u05de\u05e8\u05d0\u05e9 \u05e9\u05dc \u05ea\u05dc\u05d5\u05d9\u05d5\u05ea \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea <\/span><span style=\"font-weight: 400;\">esbuild<\/span><span style=\"font-weight: 400;\">, \u05d7\u05d1\u05d9\u05dc\u05ea \u05e0\u05ea\u05d5\u05e0\u05d9\u05dd \u05de\u05d4\u05d9\u05e8\u05d4 \u05d4\u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05dc-JavaScript. \u05d7\u05d1\u05d9\u05dc\u05ea \u05e0\u05ea\u05d5\u05e0\u05d9\u05dd \u05de\u05d5\u05e7\u05d3\u05de\u05ea \u05d6\u05d5 \u05de\u05d0\u05d9\u05e5 \u05d0\u05ea \u05d6\u05de\u05df \u05d4\u05d8\u05e2\u05d9\u05e0\u05d4 \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d9 \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d0\u05e8\u05d2\u05d5\u05df \u05d5\u05e7\u05d9\u05d1\u05d5\u05e5 \u05ea\u05dc\u05d5\u05d9\u05d5\u05ea \u05d1\u05e6\u05d5\u05e8\u05d4 \u05d9\u05e2\u05d9\u05dc\u05d4 \u05d9\u05d5\u05ea\u05e8.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05ea\u05d7\u05d1\u05d9\u05e8 \u05de\u05d5\u05d3\u05d5\u05dc ES<\/b><span style=\"font-weight: 400;\">Vite \u05de\u05e9\u05ea\u05de\u05e9 \u05d1\u05d9\u05d9\u05d1\u05d5\u05d0 \u05de\u05d5\u05d3\u05d5\u05dc\u05d9 ES \u05d1\u05d3\u05e4\u05d3\u05e4\u05df \u05d1\u05de\u05d4\u05dc\u05da \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7, \u05db\u05da \u05e9\u05e8\u05e7 \u05d4\u05e7\u05d1\u05e6\u05d9\u05dd \u05d4\u05e0\u05d3\u05e8\u05e9\u05d9\u05dd \u05dc\u05ea\u05e6\u05d5\u05d2\u05d4 \u05d4\u05e0\u05d5\u05db\u05d7\u05d9\u05ea \u05e0\u05d8\u05e2\u05e0\u05d9\u05dd. \u05d4\u05d2\u05d3\u05e8\u05d4 \u05d6\u05d5 \u05e2\u05d5\u05e7\u05e4\u05ea \u05d0\u05ea \u05d4\u05e6\u05d5\u05e8\u05da \u05dc\u05d0\u05d2\u05d3 \u05d0\u05ea \u05db\u05dc \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d1\u05db\u05dc \u05e9\u05d9\u05e0\u05d5\u05d9, \u05d5\u05db\u05ea\u05d5\u05e6\u05d0\u05d4 \u05de\u05db\u05da \u05d6\u05de\u05e0\u05d9 \u05d4\u05ea\u05d7\u05dc\u05d4 \u05de\u05d4\u05d9\u05e8\u05d9\u05dd \u05d9\u05d5\u05ea\u05e8.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d8\u05e2\u05d9\u05e0\u05d4 \u05e2\u05e6\u05dc\u05d4 \u05dc\u05e4\u05d9\u05ea\u05d5\u05d7<\/b><span style=\"font-weight: 400;\">Vite \u05d8\u05d5\u05e2\u05df \u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05e8\u05e7 \u05db\u05d0\u05e9\u05e8 \u05d4\u05dd \u05e0\u05d3\u05e8\u05e9\u05d9\u05dd, \u05de\u05d4 \u05e9\u05de\u05de\u05d6\u05e2\u05e8 \u05d0\u05ea \u05e2\u05d5\u05de\u05e1 \u05d4\u05e2\u05d1\u05d5\u05d3\u05d4 \u05e2\u05dc \u05e9\u05e8\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05e9\u05dc\u05da \u05d5\u05de\u05d5\u05d1\u05d9\u05dc \u05dc\u05d8\u05e2\u05d9\u05e0\u05d5\u05ea \u05de\u05d7\u05d3\u05e9 \u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05d9\u05d5\u05ea\u05e8. \u05d1\u05e0\u05d9\u05d2\u05d5\u05d3 \u05dc-CRA, Vite \u05d0\u05d9\u05e0\u05d5 \u05de\u05d1\u05e6\u05e2 \u05e7\u05d5\u05de\u05e4\u05d9\u05dc\u05e6\u05d9\u05d4 \u05de\u05d7\u05d3\u05e9 \u05e9\u05dc \u05db\u05dc \u05d1\u05e1\u05d9\u05e1 \u05d4\u05e7\u05d5\u05d3 \u05dc\u05d0\u05d7\u05e8 \u05db\u05dc \u05e9\u05d9\u05e0\u05d5\u05d9, \u05de\u05d4 \u05e9\u05de\u05e7\u05e6\u05e8 \u05d0\u05ea \u05d6\u05de\u05df \u05d4\u05d4\u05de\u05ea\u05e0\u05d4.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u05d0\u05d5\u05e4\u05d8\u05d9\u05de\u05d9\u05d6\u05e6\u05d9\u05d5\u05ea \u05d0\u05dc\u05d5 \u05d4\u05d5\u05e4\u05db\u05d5\u05ea \u05d0\u05ea Vite \u05dc\u05d1\u05d7\u05d9\u05e8\u05d4 \u05de\u05e6\u05d5\u05d9\u05e0\u05ea \u05e2\u05d1\u05d5\u05e8 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05e9\u05d1\u05d4\u05dd \u05dc\u05d5\u05dc\u05d0\u05d5\u05ea \u05de\u05e9\u05d5\u05d1 \u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05d5\u05de\u05d4\u05d9\u05e8\u05d5\u05d9\u05d5\u05ea \u05d1\u05e0\u05d9\u05d9\u05d4 \u05d4\u05df \u05d7\u05d9\u05d5\u05e0\u05d9\u05d5\u05ea.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05d4\u05d7\u05dc\u05e4\u05ea \u05de\u05d5\u05d3\u05d5\u05dc \u05d7\u05dd \u05d9\u05e2\u05d9\u05dc\u05d4 (HMR)<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u05d4\u05d7\u05dc\u05e4\u05ea \u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d7\u05de\u05d9\u05dd (HMR) \u05d4\u05d9\u05d0 \u05ea\u05db\u05d5\u05e0\u05d4 \u05e9\u05de\u05e2\u05d3\u05db\u05e0\u05ea \u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d1\u05d6\u05de\u05df \u05d0\u05de\u05ea \u05d1\u05d6\u05de\u05df \u05e2\u05e8\u05d9\u05db\u05ea\u05dd, \u05de\u05d1\u05dc\u05d9 \u05e9\u05d9\u05d4\u05d9\u05d4 \u05e6\u05d5\u05e8\u05da \u05dc\u05d8\u05e2\u05d5\u05df \u05de\u05d7\u05d3\u05e9 \u05d0\u05ea \u05d4\u05d3\u05e3 \u05d1\u05de\u05dc\u05d5\u05d0\u05d5. \u05de\u05e2\u05e8\u05db\u05ea \u05d4-HMR \u05e9\u05dc Vite \u05d9\u05e2\u05d9\u05dc\u05d4 \u05d9\u05d5\u05ea\u05e8 \u05de\u05d6\u05d5 \u05e9\u05dc CRA, \u05de\u05d4 \u05e9\u05de\u05d1\u05d9\u05d0 \u05de\u05e1\u05e4\u05e8 \u05d9\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d8\u05e2\u05d9\u05e0\u05d4 \u05de\u05d7\u05d3\u05e9 \u05e1\u05dc\u05e7\u05d8\u05d9\u05d1\u05d9\u05ea<\/b><span style=\"font-weight: 400;\">\u05de\u05e2\u05e8\u05db\u05ea \u05d4-HMR \u05e9\u05dc Vite \u05de\u05e2\u05d3\u05db\u05e0\u05ea \u05e8\u05e7 \u05d0\u05ea \u05d4\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05e9\u05de\u05e9\u05ea\u05e0\u05d9\u05dd, \u05d1\u05de\u05e7\u05d5\u05dd \u05dc\u05d8\u05e2\u05d5\u05df \u05de\u05d7\u05d3\u05e9 \u05d0\u05ea \u05db\u05dc \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4. \u05dc\u05d3\u05d5\u05d2\u05de\u05d4, \u05d0\u05dd \u05e2\u05d5\u05e8\u05db\u05d9\u05dd \u05e7\u05d5\u05d1\u05e5 CSS \u05d0\u05d5 \u05e8\u05db\u05d9\u05d1, Vite \u05d8\u05d5\u05e2\u05df \u05de\u05d7\u05d3\u05e9 \u05e8\u05e7 \u05d0\u05ea \u05d4\u05e7\u05d5\u05d1\u05e5 \u05d0\u05d5 \u05d4\u05de\u05d5\u05d3\u05d5\u05dc \u05d4\u05e1\u05e4\u05e6\u05d9\u05e4\u05d9 \u05d4\u05d6\u05d4.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05de\u05e9\u05d5\u05d1 \u05de\u05d4\u05d9\u05e8 \u05d9\u05d5\u05ea\u05e8 \u05e2\u05dc \u05e9\u05d9\u05e0\u05d5\u05d9\u05d9\u05dd<\/b><span style=\"font-weight: 400;\">\u05d8\u05e2\u05d9\u05e0\u05d4 \u05de\u05d7\u05d3\u05e9 \u05e1\u05dc\u05e7\u05d8\u05d9\u05d1\u05d9\u05ea \u05d6\u05d5 \u05de\u05d0\u05e4\u05e9\u05e8\u05ea \u05dc\u05de\u05e4\u05ea\u05d7\u05d9\u05dd \u05dc\u05e8\u05d0\u05d5\u05ea \u05e9\u05d9\u05e0\u05d5\u05d9\u05d9\u05dd \u05db\u05de\u05e2\u05d8 \u05d1\u05d0\u05d5\u05e4\u05df \u05de\u05d9\u05d9\u05d3\u05d9, \u05de\u05d4 \u05e9\u05de\u05e9\u05e4\u05e8 \u05d0\u05ea \u05d4\u05e4\u05e8\u05d5\u05d3\u05d5\u05e7\u05d8\u05d9\u05d1\u05d9\u05d5\u05ea \u05d5\u05d7\u05d5\u05e1\u05da \u05d6\u05de\u05df.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05e9\u05de\u05d9\u05e8\u05d4 \u05e2\u05dc \u05de\u05e6\u05d1 \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4<\/b><span style=\"font-weight: 400;\">\u05de\u05db\u05d9\u05d5\u05d5\u05df \u05e9\u05e8\u05e7 \u05d4\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d4\u05d3\u05e8\u05d5\u05e9\u05d9\u05dd \u05de\u05d5\u05d7\u05dc\u05e4\u05d9\u05dd, HMR \u05e9\u05dc Vite \u05e9\u05d5\u05de\u05e8 \u05e2\u05dc \u05de\u05e6\u05d1 \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da \u05d1\u05de\u05d4\u05dc\u05da \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7. \u05de\u05e9\u05de\u05e2\u05d5\u05ea \u05d4\u05d3\u05d1\u05e8 \u05d4\u05d9\u05d0 \u05e9\u05ea\u05d5\u05db\u05dc \u05dc\u05d4\u05de\u05e9\u05d9\u05da \u05d1\u05d1\u05d3\u05d9\u05e7\u05d5\u05ea \u05de\u05d1\u05dc\u05d9 \u05e9\u05ea\u05e6\u05d8\u05e8\u05da \u05dc\u05d0\u05e4\u05e1 \u05e0\u05ea\u05d5\u05e0\u05d9\u05dd \u05d0\u05d5 \u05ea\u05e6\u05d5\u05e8\u05d5\u05ea.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u05e2\u05dd HMR \u05e9\u05dc Vite, \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05d9\u05e2\u05d9\u05dc \u05d9\u05d5\u05ea\u05e8 \u05de\u05db\u05d9\u05d5\u05d5\u05df \u05e9\u05e9\u05d9\u05e0\u05d5\u05d9\u05d9\u05dd \u05de\u05e9\u05ea\u05e7\u05e4\u05d9\u05dd \u05d1\u05d0\u05d5\u05e4\u05df \u05de\u05d9\u05d9\u05d3\u05d9, \u05de\u05d4 \u05e9\u05de\u05e9\u05e4\u05e8 \u05d0\u05ea \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d4\u05e7\u05d9\u05d3\u05d5\u05d3.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">\u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05e4\u05d9\u05ea\u05d5\u05d7 \u05e7\u05dc\u05ea \u05de\u05e9\u05e7\u05dc<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Vite \u05e0\u05d5\u05e2\u05d3 \u05dc\u05e1\u05e4\u05e7 \u05d4\u05d2\u05d3\u05e8\u05d4 \u05de\u05d9\u05e0\u05d9\u05de\u05dc\u05d9\u05ea \u05d5\u05de\u05de\u05d5\u05d8\u05d1\u05ea \u05d4\u05de\u05e1\u05d9\u05e8\u05d4 \u05de\u05d5\u05e8\u05db\u05d1\u05d5\u05ea \u05de\u05d9\u05d5\u05ea\u05e8\u05ea, \u05de\u05d4 \u05e9\u05de\u05e7\u05dc \u05d5\u05de\u05d4\u05d9\u05e8 \u05d9\u05d5\u05ea\u05e8 \u05d0\u05ea \u05d4\u05ea\u05d7\u05dc\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8. \u05d4\u05e0\u05d4 \u05d4\u05e1\u05d9\u05d1\u05d4 \u05e9-Vite \u05de\u05e6\u05d9\u05e2\u05d4 \u05d7\u05d5\u05d5\u05d9\u05d4 \u05e7\u05dc\u05d4 \u05d9\u05d5\u05ea\u05e8 \u05d1\u05d4\u05e9\u05d5\u05d5\u05d0\u05d4 \u05dc-CRA:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05ea\u05e6\u05d5\u05e8\u05d4 \u05de\u05d9\u05e0\u05d9\u05de\u05dc\u05d9\u05ea<\/b><span style=\"font-weight: 400;\">Vite \u05d3\u05d5\u05e8\u05e9 \u05de\u05e2\u05d8 \u05de\u05d0\u05d5\u05d3 \u05ea\u05e6\u05d5\u05e8\u05d4, \u05d0\u05dd \u05d1\u05db\u05dc\u05dc, \u05db\u05d3\u05d9 \u05dc\u05d4\u05ea\u05d7\u05d9\u05dc, \u05d5\u05e8\u05d5\u05d1 \u05d4\u05d4\u05d2\u05d3\u05e8\u05d5\u05ea \u05d4\u05e0\u05e4\u05d5\u05e6\u05d5\u05ea \u05de\u05d8\u05d5\u05e4\u05dc\u05d5\u05ea \u05d1\u05d0\u05d5\u05e4\u05df \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9. CRA \u05d3\u05d5\u05e8\u05e9 \u05dc\u05e2\u05ea\u05d9\u05dd \u05e7\u05e8\u05d5\u05d1\u05d5\u05ea \u05ea\u05e6\u05d5\u05e8\u05d5\u05ea \u05de\u05d5\u05ea\u05d0\u05de\u05d5\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea \u05d0\u05d5 \u05ea\u05dc\u05d5\u05d9\u05d5\u05ea \u05e0\u05d5\u05e1\u05e4\u05d5\u05ea \u05e2\u05d1\u05d5\u05e8 \u05ea\u05db\u05d5\u05e0\u05d5\u05ea \u05db\u05de\u05d5 \u05e4\u05d9\u05e6\u05d5\u05dc \u05e7\u05d5\u05d3 \u05d0\u05d5 \u05d7\u05d1\u05d9\u05dc\u05d5\u05ea \u05de\u05ea\u05e7\u05d3\u05de\u05d5\u05ea, \u05d0\u05da Vite \u05de\u05d9\u05d9\u05e2\u05dc \u05d0\u05ea \u05d4\u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05d6\u05d4.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d2\u05d3\u05dc\u05d9 \u05d7\u05d1\u05d9\u05dc\u05d4 \u05e7\u05d8\u05e0\u05d9\u05dd \u05d9\u05d5\u05ea\u05e8<\/b><span style=\"font-weight: 400;\">\u05d7\u05d1\u05d9\u05dc\u05d5\u05ea \u05d0\u05d5\u05e4\u05d8\u05d9\u05de\u05dc\u05d9\u05d5\u05ea \u05e9\u05dc Vite \u05de\u05d5\u05d1\u05d9\u05dc\u05d5\u05ea \u05dc\u05d2\u05d3\u05dc\u05d9\u05dd \u05e7\u05d8\u05e0\u05d9\u05dd \u05d9\u05d5\u05ea\u05e8 \u05e9\u05dc \u05d7\u05d1\u05d9\u05dc\u05d5\u05ea \u05d1\u05d9\u05d9\u05e6\u05d5\u05e8, \u05de\u05d4 \u05e9\u05de\u05e9\u05e4\u05e8 \u05d0\u05ea \u05d4\u05d1\u05d9\u05e6\u05d5\u05e2\u05d9\u05dd \u05d1\u05e2\u05ea \u05e4\u05e8\u05d9\u05e1\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05da.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05d4\u05ea\u05e7\u05e0\u05d4 \u05de\u05d4\u05d9\u05e8\u05d4<\/b><span style=\"font-weight: 400;\">\u05d4\u05d2\u05d3\u05e8\u05ea \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 Vite \u05d4\u05d9\u05d0 \u05e4\u05e9\u05d5\u05d8\u05d4 \u05d5\u05de\u05d4\u05d9\u05e8\u05d4. \u05d1\u05e2\u05d6\u05e8\u05ea \u05de\u05e1\u05e4\u05e8 \u05e4\u05e7\u05d5\u05d3\u05d5\u05ea \u05d1\u05dc\u05d1\u05d3, \u05d0\u05ea\u05dd \u05de\u05d5\u05db\u05e0\u05d9\u05dd \u05dc\u05d4\u05ea\u05d7\u05d9\u05dc \u05dc\u05e7\u05d5\u05d3\u05d3 \u05dc\u05dc\u05d0 \u05d4\u05e7\u05d1\u05e6\u05d9\u05dd \u05d5\u05d4\u05e1\u05e7\u05e8\u05d9\u05e4\u05d8\u05d9\u05dd \u05d4\u05e0\u05d5\u05e1\u05e4\u05d9\u05dd \u05e9-CRA \u05db\u05d5\u05dc\u05dc \u05dc\u05e4\u05e2\u05de\u05d9\u05dd.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u05de\u05e2\u05e8\u05db\u05ea \u05ea\u05d5\u05e1\u05e4\u05d9\u05dd \u05d2\u05de\u05d9\u05e9\u05d4<\/b><span style=\"font-weight: 400;\">\u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05ea\u05d5\u05e1\u05e4\u05d9\u05dd \u05e9\u05dc Vite \u05e2\u05d5\u05e6\u05de\u05ea\u05d9\u05ea \u05d0\u05da \u05e7\u05dc\u05d4 \u05dc\u05e9\u05d9\u05de\u05d5\u05e9, \u05d5\u05de\u05d0\u05e4\u05e9\u05e8\u05ea \u05dc\u05da \u05dc\u05d4\u05d5\u05e1\u05d9\u05e3 \u05e4\u05d5\u05e0\u05e7\u05e6\u05d9\u05d5\u05e0\u05dc\u05d9\u05d5\u05ea \u05de\u05d1\u05dc\u05d9 \u05dc\u05d4\u05db\u05d1\u05d9\u05d3 \u05e2\u05dc \u05d4\u05d4\u05ea\u05e7\u05e0\u05d4. \u05d4\u05ea\u05d5\u05e1\u05e4\u05d9\u05dd \u05e9\u05dc Vite \u05ea\u05d5\u05d0\u05de\u05d9\u05dd \u05d2\u05dd \u05dc-Rollup, \u05ea\u05d5\u05db\u05e0\u05ea bundler \u05e4\u05d5\u05e4\u05d5\u05dc\u05e8\u05d9\u05ea, \u05d0\u05e9\u05e8 \u05de\u05e8\u05d7\u05d9\u05d1\u05d4 \u05d0\u05ea \u05d4\u05d0\u05e4\u05e9\u05e8\u05d5\u05d9\u05d5\u05ea \u05dc\u05d4\u05ea\u05d0\u05de\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea \u05e9\u05dc \u05d4\u05d1\u05e0\u05d9\u05d9\u05d4 \u05e9\u05dc\u05da \u05de\u05d1\u05dc\u05d9 \u05dc\u05d4\u05ea\u05e4\u05e9\u05e8 \u05e2\u05dc \u05d4\u05de\u05d4\u05d9\u05e8\u05d5\u05ea.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u05d2\u05d9\u05e9\u05d4 \u05e7\u05dc\u05ea \u05de\u05e9\u05e7\u05dc \u05d6\u05d5 \u05de\u05d0\u05e4\u05e9\u05e8\u05ea \u05dc\u05de\u05e4\u05ea\u05d7\u05d9\u05dd \u05dc\u05d4\u05ea\u05de\u05e7\u05d3 \u05d9\u05d5\u05ea\u05e8 \u05d1\u05e7\u05d9\u05d3\u05d5\u05d3 \u05d5\u05e4\u05d7\u05d5\u05ea \u05d1\u05e0\u05d9\u05d4\u05d5\u05dc \u05ea\u05e6\u05d5\u05e8\u05d4, \u05d5\u05db\u05ea\u05d5\u05e6\u05d0\u05d4 \u05de\u05db\u05da \u05e0\u05d5\u05e6\u05e8\u05ea \u05e1\u05d1\u05d9\u05d1\u05ea \u05e4\u05d9\u05ea\u05d5\u05d7 \u05de\u05d4\u05d9\u05e8\u05d4 \u05d5\u05e0\u05e7\u05d9\u05d9\u05d4 \u05d9\u05d5\u05ea\u05e8.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">\u05e9\u05ea\u05e4\u05d5 \u05e4\u05e2\u05d5\u05dc\u05d4 \u05e2\u05dd Mobian \u05dc\u05d1\u05e0\u05d9\u05d9\u05ea \u05e4\u05ea\u05e8\u05d5\u05df \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05de\u05d5\u05d1\u05d9\u05d9\u05dc \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u05d0\u05dd \u05d0\u05ea\u05dd \u05e9\u05d5\u05e7\u05dc\u05d9\u05dd \u05dc\u05d9\u05e6\u05d5\u05e8 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05dc\u05de\u05d5\u05d1\u05d9\u05d9\u05dc, <\/span><a href=\"https:\/\/mobian.studio\/he\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">\u05de\u05d5\u05d1\u05d9\u05d0\u05df<\/span><\/a><span style=\"font-weight: 400;\"> \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05e1\u05e4\u05e7 \u05ea\u05de\u05d9\u05db\u05d4 \u05de\u05e7\u05e6\u05d5\u05e2\u05d9\u05ea \u05dc\u05d0\u05d5\u05e8\u05da \u05db\u05dc \u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7. \u05d1\u05d9\u05df \u05d0\u05dd \u05d0\u05ea\u05dd \u05e9\u05d5\u05d0\u05e4\u05d9\u05dd \u05dc\u05d9\u05d9\u05e2\u05dc \u05d0\u05ea \u05de\u05e2\u05d5\u05e8\u05d1\u05d5\u05ea \u05d4\u05dc\u05e7\u05d5\u05d7\u05d5\u05ea, \u05dc\u05d4\u05d2\u05d1\u05d9\u05e8 \u05d0\u05ea \u05e0\u05d0\u05de\u05e0\u05d5\u05ea \u05d4\u05dc\u05e7\u05d5\u05d7\u05d5\u05ea \u05d0\u05d5 \u05dc\u05d9\u05e6\u05d5\u05e8 \u05d7\u05d5\u05d5\u05d9\u05d4 \u05d7\u05dc\u05e7\u05d4 \u05e2\u05d1\u05d5\u05e8 \u05d4\u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd, \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e1\u05dc\u05d5\u05dc\u05e8\u05d9\u05ea \u05de\u05e2\u05d5\u05e6\u05d1\u05ea \u05d4\u05d9\u05d8\u05d1 \u05d9\u05db\u05d5\u05dc\u05d4 \u05dc\u05d4\u05e9\u05d9\u05d2 \u05de\u05d8\u05e8\u05d5\u05ea \u05d0\u05dc\u05d5. Mobian \u05de\u05ea\u05de\u05d7\u05d4 \u05d1\u05d1\u05e0\u05d9\u05d9\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05de\u05d5\u05ea\u05d0\u05de\u05d5\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea \u05d5\u05de\u05d5\u05db\u05e0\u05d5\u05ea \u05dc\u05e9\u05d9\u05de\u05d5\u05e9, \u05d4\u05de\u05d5\u05ea\u05d0\u05de\u05d5\u05ea \u05dc\u05e6\u05e8\u05db\u05d9\u05dd \u05d4\u05e2\u05e1\u05e7\u05d9\u05d9\u05dd \u05d4\u05e1\u05e4\u05e6\u05d9\u05e4\u05d9\u05d9\u05dd \u05e9\u05dc\u05db\u05dd.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u05d3\u05e8\u05da \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05e9\u05dc\u05e0\u05d5, \u05dc\u05e7\u05d5\u05d7\u05d5\u05ea \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05d2\u05e9\u05ea \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05dc\u05d7\u05d3\u05e9\u05d5\u05ea, \u05de\u05d1\u05e6\u05e2\u05d9\u05dd \u05d5\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9 \u05d4\u05d6\u05de\u05e0\u05d5\u05ea, \u05d1\u05e2\u05d5\u05d3 \u05e9\u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05d9\u05d4\u05e0\u05d5\u05ea \u05de\u05ea\u05db\u05d5\u05e0\u05d5\u05ea \u05db\u05de\u05d5 \u05de\u05e9\u05d5\u05d1 \u05e7\u05dc, \u05d1\u05d9\u05e7\u05d5\u05e8\u05d5\u05ea \u05d5\u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05d7\u05dc\u05e7\u05d4. \u05d4\u05de\u05d5\u05de\u05d7\u05d9\u05d5\u05ea \u05e9\u05dc\u05e0\u05d5 \u05de\u05db\u05e1\u05d4 \u05de\u05d2\u05d5\u05d5\u05df \u05e8\u05d7\u05d1 \u05e9\u05dc \u05ea\u05e2\u05e9\u05d9\u05d5\u05ea, \u05d4\u05d7\u05dc \u05de\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05e8\u05e4\u05d5\u05d0\u05d9\u05ea \u05d5\u05e2\u05d3 \u05e4\u05d9\u05e0\u05d8\u05e7, \u05db\u05da \u05e9\u05dc\u05d0 \u05de\u05e9\u05e0\u05d4 \u05de\u05d4 \u05d4\u05de\u05d5\u05e8\u05db\u05d1\u05d5\u05ea \u05d0\u05d5 \u05d4\u05d7\u05d6\u05d5\u05df \u05e9\u05dc \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05db\u05dd, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05d5\u05db\u05e0\u05d9\u05dd \u05dc\u05d4\u05e4\u05d9\u05d7 \u05d1\u05d4 \u05d7\u05d9\u05d9\u05dd.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/mobian.studio\/he\/get-in-touch\/\" target=\"_blank\" rel=\"noopener\">\u05dc\u05b0\u05d4\u05b4\u05ea\u05b0\u05e7\u05b7\u05e9\u05c1\u05b5\u05e8<\/a> \u05e2\u05dd Mobian \u05db\u05d3\u05d9 \u05dc\u05d3\u05d5\u05df \u05d1\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 \u05e9\u05dc\u05db\u05dd \u05d5\u05dc\u05d1\u05d7\u05d5\u05df \u05db\u05d9\u05e6\u05d3 \u05e0\u05d5\u05db\u05dc \u05dc\u05d4\u05e4\u05d5\u05da \u05d0\u05ea \u05e8\u05e2\u05d9\u05d5\u05df \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05db\u05dd \u05dc\u05de\u05e6\u05d9\u05d0\u05d5\u05ea. \u05d9\u05d7\u05d3 \u05e0\u05d5\u05db\u05dc \u05dc\u05d1\u05e0\u05d5\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05ea\u05db\u05d9\u05df \u05d0\u05ea \u05d4\u05e2\u05e1\u05e7 \u05e9\u05dc\u05db\u05dd \u05dc\u05e2\u05ea\u05d9\u05d3.<\/span><\/p>\n<p><b>\u05e6\u05e8\u05d5 \u05d0\u05ea \u05d4\u05e2\u05ea\u05d9\u05d3 \u05d9\u05d7\u05d3 \u05e2\u05dd Mobian - \u05de\u05e4\u05ea\u05d7 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05d4\u05de\u05d5\u05d1\u05d9\u05d9\u05dc \u05d4\u05de\u05d4\u05d9\u05de\u05df \u05e9\u05dc\u05db\u05dd.<\/b><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">\u05de\u05b7\u05e1\u05b0\u05e7\u05b8\u05e0\u05b8\u05d4<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u05e2\u05dc \u05d9\u05d3\u05d9 \u05d1\u05d9\u05e6\u05d5\u05e2 \u05de\u05d3\u05e8\u05d9\u05da \u05d6\u05d4, \u05d4\u05d2\u05d3\u05e8\u05ea \u05db\u05e2\u05ea \u05e1\u05d1\u05d9\u05d1\u05ea Vite \u05e2\u05d1\u05d5\u05e8 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8 React \u05e9\u05dc\u05da. \u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05d1\u05e0\u05d9\u05d9\u05d4 \u05d4\u05e7\u05dc \u05d5\u05d4\u05de\u05d4\u05d9\u05e8 \u05e9\u05dc Vite \u05d5\u05d4\u05d7\u05dc\u05e4\u05ea \u05d4\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d4\u05d7\u05de\u05d9\u05dd (HMR) \u05d4\u05d5\u05e4\u05db\u05d9\u05dd \u05d0\u05d5\u05ea\u05d5 \u05dc\u05d1\u05d7\u05d9\u05e8\u05d4 \u05de\u05e6\u05d5\u05d9\u05e0\u05ea \u05dc\u05e4\u05d9\u05ea\u05d5\u05d7 React \u05de\u05d5\u05d3\u05e8\u05e0\u05d9, \u05d5\u05de\u05e6\u05d9\u05e2 \u05d7\u05d5\u05d5\u05d9\u05d4 \u05d9\u05e2\u05d9\u05dc\u05d4 \u05d9\u05d5\u05ea\u05e8 \u05d1\u05d4\u05e9\u05d5\u05d5\u05d0\u05d4 \u05dc\u05db\u05dc\u05d9\u05dd \u05de\u05e1\u05d5\u05e8\u05ea\u05d9\u05d9\u05dd \u05db\u05de\u05d5 Create React App. \u05e2\u05dd \u05d4\u05d0\u05e8\u05db\u05d9\u05d8\u05e7\u05d8\u05d5\u05e8\u05d4 \u05d4\u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05e9\u05dc Vite, \u05db\u05e2\u05ea \u05d0\u05ea\u05d4 \u05de\u05d5\u05db\u05df \u05dc\u05d9\u05e6\u05d5\u05e8 \u05d9\u05d9\u05e9\u05d5\u05de\u05d9\u05dd \u05d3\u05d9\u05e0\u05de\u05d9\u05d9\u05dd \u05d5\u05e8\u05e1\u05e4\u05d5\u05e0\u05e1\u05d9\u05d1\u05d9\u05d9\u05dd \u05d5\u05dc\u05d4\u05ea\u05de\u05e7\u05d3 \u05d1\u05d1\u05e0\u05d9\u05d9\u05ea \u05ea\u05db\u05d5\u05e0\u05d5\u05ea \u05d1\u05de\u05e7\u05d5\u05dd \u05dc\u05d4\u05de\u05ea\u05d9\u05df \u05dc\u05d6\u05de\u05e0\u05d9 \u05d1\u05e0\u05d9\u05d9\u05d4. \u05d4\u05de\u05e9\u05da \u05dc\u05d7\u05e7\u05d5\u05e8 \u05d0\u05ea \u05d0\u05e4\u05e9\u05e8\u05d5\u05d9\u05d5\u05ea \u05d4\u05ea\u05e6\u05d5\u05e8\u05d4 \u05e9\u05dc Vite \u05d5\u05ea\u05d5\u05e1\u05e4\u05d9\u05dd \u05e0\u05d5\u05e1\u05e4\u05d9\u05dd \u05db\u05d3\u05d9 \u05dc\u05d4\u05ea\u05d0\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05ea \u05d0\u05ea \u05e1\u05d1\u05d9\u05d1\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05e9\u05dc\u05da \u05e2\u05d5\u05d3 \u05d9\u05d5\u05ea\u05e8. \u05e7\u05d9\u05d3\u05d5\u05d3 \u05de\u05d4\u05e0\u05d4!<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Creating a React application has become even easier and faster thanks to Vite, a modern front-end build tool introduced by Vue.js creator Evan You in 2020. Vite is recognized for its speed and efficiency, making it an excellent alternative to Create React App (CRA) by significantly reducing the time needed to start development servers and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":7331,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-7328","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quick Guide to Building Your First React App with Vite<\/title>\n<meta name=\"description\" content=\"Discover a step-by-step guide to create your first React application using Vite. From installation to setup, learn how to build a fast, efficient app with ease.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mobian.studio\/he\/how-to-create-vite-app\/\" \/>\n<meta property=\"og:locale\" content=\"he_IL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quick Guide to Building Your First React App with Vite\" \/>\n<meta property=\"og:description\" content=\"Discover a step-by-step guide to create your first React application using Vite. From installation to setup, learn how to build a fast, efficient app with ease.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mobian.studio\/he\/how-to-create-vite-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Mobian\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-25T14:19:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1365\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"manager\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u05e0\u05db\u05ea\u05d1 \u05e2\u05dc \u05d9\u05d3\" \/>\n\t<meta name=\"twitter:data1\" content=\"manager\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u05d6\u05de\u05df \u05e7\u05e8\u05d9\u05d0\u05d4 \u05de\u05d5\u05e2\u05e8\u05da\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 \u05d3\u05e7\u05d5\u05ea\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/\"},\"author\":{\"name\":\"manager\",\"@id\":\"https:\\\/\\\/mobian.studio\\\/#\\\/schema\\\/person\\\/89af2ea1c21d02a2932a04fe83f2c162\"},\"headline\":\"How to Create a React App with Vite: A Step-by-Step Guide\",\"datePublished\":\"2024-11-25T14:19:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/\"},\"wordCount\":2650,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mobian.studio\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/pexels-sora-shimazaki-5926397.png\",\"articleSection\":[\"News\"],\"inLanguage\":\"he-IL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/\",\"url\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/\",\"name\":\"Quick Guide to Building Your First React App with Vite\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mobian.studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mobian.studio\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/pexels-sora-shimazaki-5926397.png\",\"datePublished\":\"2024-11-25T14:19:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/mobian.studio\\\/#\\\/schema\\\/person\\\/89af2ea1c21d02a2932a04fe83f2c162\"},\"description\":\"Discover a step-by-step guide to create your first React application using Vite. From installation to setup, learn how to build a fast, efficient app with ease.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/#breadcrumb\"},\"inLanguage\":\"he-IL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"he-IL\",\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mobian.studio\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/pexels-sora-shimazaki-5926397.png\",\"contentUrl\":\"https:\\\/\\\/mobian.studio\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/pexels-sora-shimazaki-5926397.png\",\"width\":2048,\"height\":1365},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mobian.studio\\\/how-to-create-vite-app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mobian.studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a React App with Vite: A Step-by-Step Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mobian.studio\\\/#website\",\"url\":\"https:\\\/\\\/mobian.studio\\\/\",\"name\":\"Mobian\",\"description\":\"Development of turnkey mobile applications\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mobian.studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"he-IL\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mobian.studio\\\/#\\\/schema\\\/person\\\/89af2ea1c21d02a2932a04fe83f2c162\",\"name\":\"manager\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"he-IL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88e66ac35dfe15a051f5d30a96c38a230af0b2e4c3cd9ad8e206929c64d94e37?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88e66ac35dfe15a051f5d30a96c38a230af0b2e4c3cd9ad8e206929c64d94e37?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88e66ac35dfe15a051f5d30a96c38a230af0b2e4c3cd9ad8e206929c64d94e37?s=96&d=mm&r=g\",\"caption\":\"manager\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u05de\u05d3\u05e8\u05d9\u05da \u05de\u05d4\u05d9\u05e8 \u05dc\u05d1\u05e0\u05d9\u05d9\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea First React \u05e9\u05dc\u05db\u05dd \u05e2\u05dd Vite","description":"\u05d2\u05dc\u05d5 \u05de\u05d3\u05e8\u05d9\u05da \u05e9\u05dc\u05d1 \u05d0\u05d7\u05e8 \u05e9\u05dc\u05d1 \u05dc\u05d9\u05e6\u05d9\u05e8\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05e9\u05dc\u05db\u05dd \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea Vite. \u05de\u05d4\u05d4\u05ea\u05e7\u05e0\u05d4 \u05d5\u05e2\u05d3 \u05dc\u05d4\u05d2\u05d3\u05e8\u05d4, \u05dc\u05de\u05d3\u05d5 \u05db\u05d9\u05e6\u05d3 \u05dc\u05d1\u05e0\u05d5\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05de\u05d4\u05d9\u05e8\u05d4 \u05d5\u05d9\u05e2\u05d9\u05dc\u05d4 \u05d1\u05e7\u05dc\u05d5\u05ea.","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:\/\/mobian.studio\/he\/how-to-create-vite-app\/","og_locale":"he_IL","og_type":"article","og_title":"Quick Guide to Building Your First React App with Vite","og_description":"Discover a step-by-step guide to create your first React application using Vite. From installation to setup, learn how to build a fast, efficient app with ease.","og_url":"https:\/\/mobian.studio\/he\/how-to-create-vite-app\/","og_site_name":"Mobian","article_published_time":"2024-11-25T14:19:17+00:00","og_image":[{"width":2048,"height":1365,"url":"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png","type":"image\/png"}],"author":"manager","twitter_card":"summary_large_image","twitter_misc":{"\u05e0\u05db\u05ea\u05d1 \u05e2\u05dc \u05d9\u05d3":"manager","\u05d6\u05de\u05df \u05e7\u05e8\u05d9\u05d0\u05d4 \u05de\u05d5\u05e2\u05e8\u05da":"12 \u05d3\u05e7\u05d5\u05ea"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/#article","isPartOf":{"@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/"},"author":{"name":"manager","@id":"https:\/\/mobian.studio\/#\/schema\/person\/89af2ea1c21d02a2932a04fe83f2c162"},"headline":"How to Create a React App with Vite: A Step-by-Step Guide","datePublished":"2024-11-25T14:19:17+00:00","mainEntityOfPage":{"@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/"},"wordCount":2650,"commentCount":0,"image":{"@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/#primaryimage"},"thumbnailUrl":"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png","articleSection":["News"],"inLanguage":"he-IL"},{"@type":"WebPage","@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/","url":"https:\/\/mobian.studio\/how-to-create-vite-app\/","name":"\u05de\u05d3\u05e8\u05d9\u05da \u05de\u05d4\u05d9\u05e8 \u05dc\u05d1\u05e0\u05d9\u05d9\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea First React \u05e9\u05dc\u05db\u05dd \u05e2\u05dd Vite","isPartOf":{"@id":"https:\/\/mobian.studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/#primaryimage"},"image":{"@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/#primaryimage"},"thumbnailUrl":"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png","datePublished":"2024-11-25T14:19:17+00:00","author":{"@id":"https:\/\/mobian.studio\/#\/schema\/person\/89af2ea1c21d02a2932a04fe83f2c162"},"description":"\u05d2\u05dc\u05d5 \u05de\u05d3\u05e8\u05d9\u05da \u05e9\u05dc\u05d1 \u05d0\u05d7\u05e8 \u05e9\u05dc\u05d1 \u05dc\u05d9\u05e6\u05d9\u05e8\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea React \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05e9\u05dc\u05db\u05dd \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea Vite. \u05de\u05d4\u05d4\u05ea\u05e7\u05e0\u05d4 \u05d5\u05e2\u05d3 \u05dc\u05d4\u05d2\u05d3\u05e8\u05d4, \u05dc\u05de\u05d3\u05d5 \u05db\u05d9\u05e6\u05d3 \u05dc\u05d1\u05e0\u05d5\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05de\u05d4\u05d9\u05e8\u05d4 \u05d5\u05d9\u05e2\u05d9\u05dc\u05d4 \u05d1\u05e7\u05dc\u05d5\u05ea.","breadcrumb":{"@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/#breadcrumb"},"inLanguage":"he-IL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mobian.studio\/how-to-create-vite-app\/"]}]},{"@type":"ImageObject","inLanguage":"he-IL","@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/#primaryimage","url":"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png","contentUrl":"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png","width":2048,"height":1365},{"@type":"BreadcrumbList","@id":"https:\/\/mobian.studio\/how-to-create-vite-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mobian.studio\/"},{"@type":"ListItem","position":2,"name":"How to Create a React App with Vite: A Step-by-Step Guide"}]},{"@type":"WebSite","@id":"https:\/\/mobian.studio\/#website","url":"https:\/\/mobian.studio\/","name":"\u05de\u05d5\u05d1\u05d9\u05d0\u05df","description":"\u05e4\u05d9\u05ea\u05d5\u05d7 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05de\u05d5\u05d1\u05d9\u05d9\u05dc \u05de\u05d5\u05db\u05e0\u05d5\u05ea \u05dc\u05e9\u05d9\u05de\u05d5\u05e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mobian.studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"he-IL"},{"@type":"Person","@id":"https:\/\/mobian.studio\/#\/schema\/person\/89af2ea1c21d02a2932a04fe83f2c162","name":"\u05de\u05b0\u05e0\u05b7\u05d4\u05b5\u05dc","image":{"@type":"ImageObject","inLanguage":"he-IL","@id":"https:\/\/secure.gravatar.com\/avatar\/88e66ac35dfe15a051f5d30a96c38a230af0b2e4c3cd9ad8e206929c64d94e37?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/88e66ac35dfe15a051f5d30a96c38a230af0b2e4c3cd9ad8e206929c64d94e37?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/88e66ac35dfe15a051f5d30a96c38a230af0b2e4c3cd9ad8e206929c64d94e37?s=96&d=mm&r=g","caption":"manager"}}]}},"featured_image_thumbnail_url":"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png","_links":{"self":[{"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/posts\/7328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/comments?post=7328"}],"version-history":[{"count":1,"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/posts\/7328\/revisions"}],"predecessor-version":[{"id":7332,"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/posts\/7328\/revisions\/7332"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/media\/7331"}],"wp:attachment":[{"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/media?parent=7328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/categories?post=7328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobian.studio\/he\/wp-json\/wp\/v2\/tags?post=7328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}