{"id":1,"date":"2025-07-05T18:19:52","date_gmt":"2025-07-05T14:49:52","guid":{"rendered":"http:\/\/rayalancer.ir\/?p=1"},"modified":"2025-07-16T17:22:19","modified_gmt":"2025-07-16T13:52:19","slug":"%d8%b3%d9%84%d8%a7%d9%85-%d8%af%d9%86%db%8c%d8%a7","status":"publish","type":"post","link":"https:\/\/rayalancer.ir\/?p=1","title":{"rendered":"\u0622\u0645\u0648\u0632\u0634 \u0646\u0635\u0628 \u0631\u06cc \u0627\u06a9\u062a \u062c\u06cc \u0627\u0633"},"content":{"rendered":"\n<p>\u0627\u06af\u0631 \u0642\u0635\u062f \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc <strong>React.js <\/strong>\u0631\u0648 \u062f\u0627\u0631\u06cc\u060c \u0627\u0648\u0644\u06cc\u0646 \u0642\u062f\u0645 <strong>\u0646\u0635\u0628 \u0648 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u062d\u06cc\u0637 \u06a9\u0627\u0631\u06cc <\/strong>\u0645\u0646\u0627\u0633\u0628 \u0647\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627\u060c \u0642\u0631\u0627\u0631\u0647 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u0645 \u0686\u0637\u0648\u0631 <strong>React JS \u0631\u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 npm \u0646\u0635\u0628 \u06a9\u0646\u06cc\u0645 <\/strong>.<\/p>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0646\u06cc\u0627\u0632\u06cc \u0646\u06cc\u0633\u062a \u0628\u0627 <strong>Node.js <\/strong>\u06a9\u0627\u0631 \u06a9\u0646\u06cc\u060c \u0641\u0642\u0637 \u0627\u0632 <strong>npm <\/strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u2014 \u0627\u0628\u0632\u0627\u0631\u06cc \u06a9\u0647 \u0628\u0647\u062a \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0647 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627 \u0648 \u067e\u06a9\u06cc\u062c\u200c\u0647\u0627\u06cc React \u0631\u0648 \u062f\u0627\u0646\u0644\u0648\u062f \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u06f1. \u0646\u0635\u0628 Node.js \u0648 npm<\/h3>\n\n\n\n<p>\u0627\u0648\u0644\u06cc\u0646 \u0642\u062f\u0645 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 React \u0628\u0627 npm\u060c <strong>\u0646\u0635\u0628 Node.js <\/strong>\u0647\u0633\u062a\u060c \u0686\u0648\u0646 <strong>npm <\/strong>\u0647\u0645\u0631\u0627\u0647 \u0628\u0627 Node \u0646\u0635\u0628 \u0645\u06cc\u200c\u0634\u0647.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><\/h4>\n\n\n\n<p>\u0628\u0647 \u0633\u0627\u06cc\u062a \u0631\u0633\u0645\u06cc Node.js \u0628\u0631\u0648: <a href=\"https:\/\/nodejs.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/nodejs.org<\/a><\/p>\n\n\n\n<p>\u0646\u0633\u062e\u0647 <strong>LTS <\/strong>(\u0646\u0633\u062e\u0647 \u067e\u0627\u06cc\u062f\u0627\u0631) \u0631\u0648 \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0646.<\/p>\n\n\n\n<p>\u0641\u0627\u06cc\u0644 \u0646\u0635\u0628 \u0631\u0648 \u0627\u062c\u0631\u0627 \u06a9\u0646 \u0648 \u062a\u0645\u0627\u0645\u06cc \u06af\u0632\u06cc\u0646\u0647\u200c\u0647\u0627 \u0631\u0648 \u0628\u067e\u0630\u06cc\u0631.<\/p>\n\n\n\n<p>\u067e\u0633 \u0628\u0627 node \u06a9\u0627\u0631\u06cc \u0646\u062f\u0627\u0631\u06cc\u0645 \u0648 \u0641\u0642\u0637 npm \u0647\u0633\u062a.&nbsp;&nbsp;\u062e\u0628 \u067e\u0633 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639<strong>&nbsp;\u0622\u0645\u0648\u0632\u0634 \u0646\u0635\u0628 \u0631\u06cc \u0627\u06a9\u062a<\/strong>&nbsp;\u0648\u0627\u0631\u062f \u0633\u0627\u06cc\u062a&nbsp;<strong><a href=\"https:\/\/nodejs.org\/en\/\" rel=\"noreferrer noopener\" target=\"_blank\">nodejs.org<\/a><\/strong>&nbsp;\u0645\u06cc\u0634\u06cc\u0645 \u06a9\u0647 \u062f\u0648 \u0648\u0631\u0698\u0646 \u0628\u0631\u0627\u06cc \u062f\u0627\u0646\u0644\u0648\u062f \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u0647 \u0645\u0627 \u0648\u0631\u0698\u0646\u06cc \u0631\u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u06a9\u0646\u06cc\u0645&nbsp;\u06a9\u0647 \u067e\u0627\u06cc\u06cc\u0646\u0634&nbsp;<strong>Recommended For Most Users<\/strong>&nbsp;\u0646\u0648\u0634\u062a\u0647 \u0634\u062f\u0647 \u0628\u0627\u0634\u0647 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u06a9\u062b\u0631 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0645\u06cc\u0634\u0647 \u06a9\u0647 \u062f\u0631 \u0639\u06a9\u0633 \u067e\u0627\u06cc\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u06cc \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0628\u0627 \u0631\u0646\u06af \u0632\u0631\u062f \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0634\u062f\u0647:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/16-1-1024x548.png\" alt=\"\" class=\"wp-image-172\" srcset=\"https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/16-1-1024x548.png 1024w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/16-1-300x161.png 300w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/16-1-768x411.png 768w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/16-1-1536x822.png 1536w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/16-1-600x321.png 600w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/16-1.png 1541w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u06a9\u0647 \u0628\u0639\u062f \u0627\u0632 \u06a9\u0644\u06cc\u06a9 \u06a9\u0631\u062f\u0646 \u0631\u0648\u06cc \u0627\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647<strong>&nbsp;\u0645\u0631\u0627\u062d\u0644&nbsp;\u0646\u0635\u0628 react js<\/strong>&nbsp;\u062f\u0631 \u0648\u06cc\u0646\u062f\u0648\u0632&nbsp;\u0631\u0648 \u067e\u06cc\u0634 \u0628\u06af\u06cc\u0631\u06cc\u0646 .&nbsp;\u0648 \u0628\u0639\u062f \u0627\u0632 \u0646\u0635\u0628 \u06a9\u0631\u062f\u0646 cmd \u0631\u0648 \u0628\u0627\u0644\u0627 \u0628\u06cc\u0627\u0631\u06cc\u0646 \u0648 \u0628\u0639\u062f \u062f\u0627\u062e\u0644 \u0627\u0648\u0646 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0646 node -v \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0648\u0631\u0698\u0646 node \u06cc\u06cc \u06a9\u0647 \u0646\u0635\u0628 \u06a9\u0631\u062f\u06cc\u0646 \u0631\u0648 \u0628\u0646\u0648\u06cc\u0633\u0647 \u06a9\u0647 \u062a\u0648 \u0639\u06a9\u0633 \u067e\u0627\u06cc\u06cc\u0646 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0634\u062f\u0647 \u0648 \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u0646\u0648\u062f \u0646\u0635\u0628 \u0634\u062f\u0647 \u0648 \u0647\u06cc\u0686 \u0645\u0634\u06a9\u0644\u06cc \u0646\u06cc\u0633\u062a&nbsp;\u067e\u0633 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0627\u0635\u0644\u06cc \u0627\u0644\u0627\u0646 \u0646\u0635\u0628 \u0634\u062f\u0647 :<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"988\" height=\"510\" src=\"https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-085712.png\" alt=\"\" class=\"wp-image-175\" srcset=\"https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-085712.png 988w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-085712-300x155.png 300w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-085712-768x396.png 768w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-085712-600x310.png 600w\" sizes=\"auto, (max-width: 988px) 100vw, 988px\" \/><\/figure>\n\n\n\n<h\u06f3 class=\"wp-block-heading\">\u062d\u0648\u0647 \u0646\u0635\u0628&nbsp;react js&nbsp;: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632&nbsp;\u0627\u0628\u0632\u0627\u0631 yarn<\/h\u06f3>\n\n\n\n<p><strong>\u0646\u062d\u0648\u0647 \u0646\u0635\u0628 \u0631\u06cc \u0627\u06a9\u062a \u062c\u06cc \u0627\u0633<\/strong>&nbsp;\u0628\u0627&nbsp;yarn&nbsp; \u0647\u0645 \u0634\u0628\u06cc\u0647 \u0631\u0648\u0634 \u0642\u0628\u0644\u06cc\u0647 \u0648 \u0647\u0645\u0648\u0646 \u06a9\u0627\u0631\u0627\u06cc\u06cc npm \u0631\u0648 \u062f\u0627\u0631\u0647 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0646\u0635\u0628 \u0631\u06cc \u0627\u06a9\u062a \u062c\u06cc \u0627\u0633 \u062f\u0631 \u0645\u0648\u0631\u062f\u0634 \u0635\u062d\u0628\u062a \u06a9\u0631\u062f\u06cc\u0645\u060c \u0648 \u062e\u0628 \u0645\u06cc\u06af\u0646 \u06a9\u0647 yarn \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0633\u0631\u0639\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0648 \u0646\u0633\u0628\u062a \u0628\u0647 npm \u062f\u0627\u0631\u0647.<\/p>\n\n\n\n<h\u06f4 class=\"wp-block-heading\"><strong>\u0646\u0635\u0628 yarn:<\/strong><\/h\u06f4>\n\n\n\n<pre class=\"wp-block-code\"><code>npm i -g yarn<\/code><\/pre>\n\n\n\n<p>\u0648 \u0645\u06cc\u0627\u062f \u0648 \u0627\u0648\u0646 \u0631\u0648 \u0628\u0631\u0627\u06cc \u0645\u0627 \u0646\u0635\u0628 \u0645\u06cc\u06a9\u0646\u0647<\/p>\n\n\n\n<p><br>\u0646\u062d\u0648\u0647 \u0646\u0635\u0628 \u0631\u06cc \u0627\u06a9\u062a \u062c\u06cc \u0627\u0633 : \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631 create react app<\/p>\n\n\n\n<p>\u062e\u0628 \u060c \u062d\u0627\u0644\u0627 \u0645\u06cc\u062e\u0627\u06cc\u0645 \u0646\u062d\u0648\u0647 \u0646\u0635\u0628 \u0631\u06cc \u0627\u06a9\u062a \u062c\u06cc \u0627\u0633 \u0628\u0627 \u0627\u0628\u0632\u0627\u0631 create react app \u062f\u0631 \u0628\u062d\u062b \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0631\u06cc \u0627\u06a9\u062a \u062c\u06cc \u0627\u0633 \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645.&nbsp;\u062d\u0627\u0644\u0627 \u0686\u0631\u0627 \u0628\u0631\u0627\u06cc&nbsp;\u0646\u0635\u0628 react js \u062f\u0631 \u0648\u06cc\u0646\u062f\u0648\u0632 \u06cc\u0627 \u0628\u0642\u06cc\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0639\u0627\u0645\u0644\u0647\u0627&nbsp;\u0628\u0647 \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u0645 \u061f!&nbsp;\u0627\u0648\u0627\u06cc\u0644 \u06a9\u0647 \u0631\u06cc \u0627\u06a9\u062a \u0627\u0648\u0645\u062f \u062a\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0627\u0631\u0627\u06cc\u0647 \u0634\u062f\u0646 \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u060c \u0645\u0627 \u0628\u0627\u06cc\u062f \u062e\u0648\u062f\u0645\u0648\u0646 \u062a\u0645\u0627\u0645\u06cc \u0645\u0648\u0627\u0631\u062f\u06cc \u06a9\u0647 \u0631\u06cc \u0627\u06a9\u062a \u0646\u06cc\u0627\u0632 \u062f\u0627\u0634\u062a \u0631\u0648 \u0642\u0631\u0627\u0631 \u0645\u06cc\u062f\u0627\u062f\u06cc\u0645<\/p>\n\n\n\n<p>\u0627\u0632 \u062c\u0645\u0644\u0647&nbsp; Web server \u0648 babel \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0633\u06cc\u0646\u062a\u06a9\u0633 \u062c\u062f\u06cc\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0648 \u0628\u0647 \u0642\u062f\u06cc\u0645 \u062a\u0631\u062c\u0645\u0647 \u0645\u06cc\u06a9\u0631\u062f\u06a9\u0647 \u0628\u0627\u0639\u062b \u0628\u0634\u0647 \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0647\u0627 \u0628\u0647 \u0637\u0648\u0631 \u06cc\u06a9\u0633\u0627\u0646 \u0627\u062c\u0631\u0627 \u0628\u0634\u0647 \u060c&nbsp;&nbsp;\u0628\u0627\u06cc\u062f \u0627\u0632 \u0648\u0628 \u067e\u06a9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u06a9\u0631\u062f\u06cc\u0645 \u060c \u0627\u0632 npm \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u06a9\u0631\u062f\u06cc\u0645 \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0631\u062f\u0646 \u067e\u06a9\u06cc\u062c \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0646\u0635\u0628 \u0645\u06cc\u06a9\u0646\u06cc\u0645\u060c \u0647\u0633\u062a&nbsp;\u0627\u0645\u0627 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0647\u0627\u06cc \u0631\u06cc \u0627\u06a9\u062a \u062c\u06cc \u0627\u0633 \u0627\u0648\u0645\u062f\u0646 \u062f\u06cc\u062f\u0646 \u06a9\u0647 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u062a\u0645\u0627\u0645\u06cc \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u0647\u0627 \u0627\u062d\u062a\u0645\u0627\u0644\u0627 \u0628\u0627\u0639\u062b \u0628\u0634\u0647 \u06a9\u0647 \u062e\u06cc\u0644\u06cc \u0647\u0627 \u0627\u0635\u0644\u0627 \u0627\u06cc\u0646 \u0633\u0645\u062a \u0646\u06cc\u0627\u0646 \u0686\u0648\u0646 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0634 \u0633\u062e\u062a\u0647 \u0648 \u0627\u06cc\u0646 \u0634\u062f \u06a9\u0647 \u0627\u0648\u0645\u062f\u0646 \u0648 \u0627\u0628\u0632\u0627\u0631 create react app \u0631\u0648 \u0633\u0627\u062e\u062a\u0646.<\/p>\n\n\n\n<p>\u06a9\u0647 \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u0628\u0627\u0639\u062b \u0645\u06cc\u0634\u0647 \u06a9\u0647 \u062a\u0645\u0627\u0645\u06cc \u0645\u0648\u0627\u0631\u062f\u06cc \u06a9\u0647 \u06af\u0641\u062a\u0647 \u0634\u062f\u060c&nbsp;\u0648\u0628 \u0633\u0631\u0648\u0631 \u0648 \u063a\u06cc\u0631\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u0627\u062a\u0648\u0645\u0627\u062a\u06cc\u06a9 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0646\u0635\u0628 \u0628\u0634\u0647 \u0648 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u0641\u0631\u0636 \u0647\u0645 \u0627\u062e\u0631\u06cc\u0646 \u0646\u0633\u062e\u0647 \u06cc react \u0631\u0648 \u0647\u0645 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u062f\u0627\u0646\u0644\u0648\u062f \u0645\u06cc\u06a9\u0646\u0647.&nbsp;\u062e\u0628 \u062f\u0648\u0628\u0627\u0631\u0647 cmd \u0631\u0648 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u0646 \u0648 \u062f\u0627\u062e\u0644\u0634 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0646 :npm&nbsp; i&nbsp; -g&nbsp; create-react-app .&nbsp;\u06a9\u0647 \u0634\u0631\u0648\u0639 \u0645\u06cc\u06a9\u0646\u0647 \u0628\u0647 \u0646\u0635\u0628 \u06a9\u0631\u062f\u0646 \u0627\u0648\u0646 \u0628\u0647 \u062d\u0627\u0644\u062a global \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645\u062a\u0648\u0646:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"339\" src=\"https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-092715.png\" alt=\"\" class=\"wp-image-176\" srcset=\"https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-092715.png 969w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-092715-300x105.png 300w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-092715-768x269.png 768w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-092715-600x210.png 600w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/><\/figure>\n\n\n\n<h\u06f3 class=\"wp-block-heading\">\u0633\u0627\u062e\u062a\u0646 \u0627\u0648\u0644\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647&nbsp;\u0631\u06cc \u0627\u06a9\u062a&nbsp;\u062c\u06cc \u0627\u0633&nbsp;<\/h\u06f3>\n\n\n\n<p>\u062e\u0628 \u062a\u0627 \u0627\u06cc\u0646 \u062c\u0627\u06cc \u06a9\u0627\u0631&nbsp;<strong>\u0646\u0635\u0628 react<\/strong>&nbsp;\u0628\u0627&nbsp;\u0627\u0628\u0632\u0627\u0631 create react app \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647 \u0648 \u062d\u0627\u0644\u0627 \u0648\u0642\u062a \u0627\u06cc\u0646\u0647 \u06a9\u0647 \u0628\u0631\u06cc\u0645 \u0648 \u0627\u0648\u0644\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0645\u0648\u0646 \u0628\u0627 \u0631\u06cc \u0627\u06a9\u062a \u062c\u06cc \u0627\u0633 \u0631\u0648 \u0628\u0633\u0627\u0632\u06cc\u0645 \u0628\u0633\u06cc\u0627\u0631\u062e\u0628 \u0645\u06cc\u0627\u06cc\u0645 \u0648 \u062f\u0627\u062e\u0644 cmd \u0645\u06cc\u0646\u0648\u06cc\u0633\u06cc\u0645:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>create-react-app&nbsp; &nbsp;firstproject<\/code><\/pre>\n\n\n\n<p>first project \u0627\u0633\u0645 \u067e\u0631\u0648\u0698\u0647 \u06cc \u0645\u0627\u0633\u062a \u0634\u0645\u0627 \u0647\u0631 \u0627\u0633\u0645\u06cc \u06a9\u0647 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u06cc\u0646 \u0645\u06cc\u062a\u0648\u0646\u06cc\u0646 \u0628\u0632\u0627\u0631\u06cc\u0646&nbsp;\u0648 \u062e\u0648\u062f\u0634 \u0645\u06cc\u0627\u062f \u0648 \u0627\u06cc\u0646 \u0641\u0648\u0644\u062f\u0631 \u0648 \u0628\u0631\u0627\u06cc \u0645\u0627 \u0645\u06cc\u0633\u0627\u0632\u0647 \u0648 \u062a\u0645\u0627\u0645 \u0645\u0648\u0627\u0631\u062f\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0647\u0633\u062a \u0631\u0648 \u062f\u0627\u0646\u0644\u0648\u062f \u0645\u06cc\u06a9\u0646\u0647 \u0648 \u0628\u0631\u0627\u06cc \u0645\u0646 \u0642\u0631\u0627\u0631 \u0645\u06cc\u062f\u0647.&nbsp;\u062e\u0628 \u062d\u0627\u0644\u0627 \u06a9\u0647 \u0628\u0627 \u0646\u062d\u0648\u0647 \u0646\u0635\u0628 react js \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f \u0648&nbsp;<strong>\u0645\u0631\u0627\u062d\u0644 \u0646\u0635\u0628 react js<\/strong>&nbsp;\u062a\u0648\u0646 \u06a9\u0627\u0645\u0644 \u0634\u062f\u060c \u062d\u0627\u0644\u0627 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u067e\u0631\u0648\u0698\u0647 \u0648\u0627\u0633\u062a\u0627\u0631\u062a \u0632\u062f\u0646\u0634 \u0645\u06cc\u0627\u06cc\u0645 \u062f\u0627\u062e\u0644 cmd \u0645\u0648\u0646 \u0645\u06cc\u0646\u0648\u0633\u06cc\u0645:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd&nbsp; first project&nbsp;<\/code><\/pre>\n\n\n\n<p>\u0648 \u0628\u0639\u062f \u0627\u0632 \u0627\u0648\u0646 :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>yarn&nbsp; start<\/code><\/pre>\n\n\n\n<p>\u0628\u0647 \u062c\u0627\u06cc yarn \u0645\u06cc\u062a\u0648\u0646\u06cc\u0646 \u0627\u0632 \u062e\u0648\u062f npm \u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0646 . \u0647\u0631\u062c\u0648\u0631 \u06a9\u0647 \u0631\u0627\u062d\u062a \u062a\u0631 \u0647\u0633\u062a\u06cc\u0646!&nbsp;\u0628\u0639\u062f \u0627\u0632 \u0627\u06cc\u0646\u062a\u0631 \u0632\u062f\u0646 \u0633\u0631\u0648\u0631\u0650 \u062a\u0648\u0633\u0639\u0647 \u06cc \u0645\u0627\u0631\u0648 \u0627\u062c\u0631\u0627 \u0645\u06cc\u06a9\u0646\u0647 \u0648 \u0628\u0639\u062f \u0627\u0632\u0627\u0648\u0646 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u06cc\u0641\u0627\u0644\u062a \u0645\u06cc\u0627\u062f \u0628\u0627\u0644\u0627 \u06a9\u0647 \u062a\u0648 \u062a\u0635\u0648\u06cc\u0631 \u0632\u06cc\u0631 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u06a9\u0646\u06cc\u0646:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-102222-1024x520-1.png\" alt=\"\" class=\"wp-image-177\" srcset=\"https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-102222-1024x520-1.png 1024w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-102222-1024x520-1-300x152.png 300w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-102222-1024x520-1-768x390.png 768w, https:\/\/rayalancer.ir\/wp-content\/uploads\/2025\/07\/Screenshot-2020-09-25-102222-1024x520-1-600x305.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u06af\u0631 \u0642\u0635\u062f \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc React.js \u0631\u0648 \u062f\u0627\u0631\u06cc\u060c \u0627\u0648\u0644\u06cc\u0646 \u0642\u062f\u0645 \u0646\u0635\u0628 \u0648 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u062d\u06cc\u0637 \u06a9\u0627\u0631\u06cc \u0645\u0646\u0627\u0633\u0628 \u0647\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627\u060c \u0642\u0631\u0627\u0631\u0647 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u0645 \u0686\u0637\u0648\u0631 React JS \u0631\u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 npm \u0646\u0635\u0628&hellip;<\/p>\n","protected":false},"author":1,"featured_media":66,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/rayalancer.ir\/index.php?rest_route=\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rayalancer.ir\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rayalancer.ir\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rayalancer.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rayalancer.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":9,"href":"https:\/\/rayalancer.ir\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":351,"href":"https:\/\/rayalancer.ir\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions\/351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rayalancer.ir\/index.php?rest_route=\/wp\/v2\/media\/66"}],"wp:attachment":[{"href":"https:\/\/rayalancer.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rayalancer.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rayalancer.ir\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}