{"id":1141,"date":"2021-11-15T10:18:09","date_gmt":"2021-11-15T10:18:09","guid":{"rendered":"https:\/\/quera.ir\/blog\/?p=1141"},"modified":"2024-09-11T18:12:19","modified_gmt":"2024-09-11T14:42:19","slug":"props-and-cons-of-react","status":"publish","type":"post","link":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/","title":{"rendered":"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React"},"content":{"rendered":"\n<p>\u0639\u0644\u06cc\u200c\u0631\u063a\u0645 \u0631\u0642\u0627\u0628\u062a Vue.js \u0648 React \u060cAngular \u0627\u0646\u062a\u062e\u0627\u0628 \u062b\u0627\u0628\u062a\u200c\u0634\u062f\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0648\u0628\u200c\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627 \u0627\u0633\u062a. \u0641\u0631\u0642\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0634\u0645\u0627 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\u200c\u0627\u06cc \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u0647\u0627\u0631\u062a \u062e\u0648\u062f \u0627\u0633\u062a \u06cc\u0627 \u06cc\u06a9 \u0645\u062f\u06cc\u0631 \u062a\u062c\u0627\u0631\u06cc \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0628\u0647\u0628\u0648\u062f \u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u06cc \u0627\u0633\u062a\u060c \u062f\u0631 \u0647\u0631 \u0635\u0648\u0631\u062a \u062f\u0644\u0627\u06cc\u0644 \u0632\u06cc\u0627\u062f\u06cc \u0628\u0631\u0627\u06cc <a href=\"https:\/\/quera.org\/college\/land\/college\/8565\/react\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc React<\/a> \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u0627\u0632 \u0637\u0631\u0641\u06cc \u0645\u0627\u0646\u0646\u062f \u0647\u0631 \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9 \u062f\u06cc\u06af\u0631\u06cc\u060c react \u0647\u0645 \u0636\u0639\u0641\u200c\u0647\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628\u06cc \u062f\u0627\u0631\u062f. \u067e\u0633 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a \u062a\u0627 \u0628\u0627 \u0627\u06cc\u0646<strong> \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React<\/strong> \u0622\u0634\u0646\u0627 \u0628\u0627\u0634\u06cc\u0645 \u062a\u0627 \u0628\u0647\u062a\u0631 \u0628\u062a\u0648\u0627\u0646\u06cc\u0645 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646 \u06cc\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06a9\u0631\u062f\u0646 \u0627\u0632 \u0622\u0646 \u062a\u0635\u0645\u06cc\u0645 \u0628\u06af\u06cc\u0631\u06cc\u0645.<\/p>\n\n\n\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0632<a href=\"https:\/\/quera.org\/blog\/\" target=\"_blank\" rel=\"noreferrer noopener\"> \u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af<\/a>\u060c \u0628\u0647 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 <strong>\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 react<\/strong> \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645. \u067e\u0633 \u062a\u0627 \u0627\u0646\u062a\u0647\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0628\u0627 \u0645\u0627 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#React_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\" >React \u0686\u06cc\u0633\u062a\u061f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#%D9%85%D8%B2%D8%A7%DB%8C%D8%A7%DB%8C_%D8%B1%DB%8C_%D8%A7%DA%A9%D8%AA_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\" >\u0645\u0632\u0627\u06cc\u0627\u06cc \u0631\u06cc \u0627\u06a9\u062a \u0686\u06cc\u0633\u062a\u061f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#%D9%85%D8%B9%D8%A7%DB%8C%D8%A8_react_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\" >\u0645\u0639\u0627\u06cc\u0628 react \u0686\u06cc\u0633\u062a\u061f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#%D8%AC%D9%85%D8%B9%E2%80%8C%D8%A8%D9%86%D8%AF%DB%8C\" >\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"h-react-\u0686\u06cc\u0633\u062a\"><span class=\"ez-toc-section\" id=\"React_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\"><\/span>React \u0686\u06cc\u0633\u062a\u061f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>React \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u062d\u0628\u0648\u0628\u200c\u062a\u0631\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0633\u062a \u06a9\u0647 \u062a\u0642\u0631\u06cc\u0628\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0647\u0631\u0686\u06cc\u0632\u06cc \u06a9\u0647 \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u062f. \u0627\u0632 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0633\u0627\u062f\u0647 \u0627\u0645\u0627 \u062a\u0639\u0627\u0645\u0644\u06cc Instagram \u062a\u0627 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0627\u0632 \u0686\u0646\u062f\u06cc\u0646 \u0632\u0628\u0627\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u0645\u0627\u0646\u0646\u062f Netflix. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 React Native\u060c \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0648 \u0645\u0646\u0628\u0639 \u0628\u0627\u0632\u060c \u0627\u0632 \u0622\u0646 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n\n\n\n<p>\u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 component-based \u0627\u0633\u062a \u0648 \u0627\u06cc\u0646 \u0645\u0633\u0626\u0644\u0647 \u0628\u0627\u0639\u062b \u0633\u0647\u0648\u0644\u062a \u0633\u0627\u062e\u062a \u06a9\u0627\u0631\u0628\u0631\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc( interactive UI) \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062c\u0627\u06cc\u06af\u0627\u0647 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a\u200c\u0647\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0646\u0645\u0648\u0646\u0647 \u0633\u0627\u062f\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a\u200c\u0647\u0627:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">class\u202fHelloWorld\u202fextends\u202fReact.Component\u202f{&nbsp;\n\n\u202f\u202frender()\u202f{&nbsp;\n\n\u202f\u202f\u202f\u202freturn\u202f(&nbsp;\n\n\u202f\u202f\u202f\u202f\u202f\u202f&lt;div&gt;&nbsp;\n\n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202fHello world!&nbsp;\n\n\u202f\u202f\u202f\u202f\u202f\u202f&lt;\/div&gt;&nbsp;\n\n\u202f\u202f\u202f\u202f);&nbsp;\n\n\u202f\u202f}&nbsp;\n\n}<\/code><\/pre>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>\u0628\u06cc\u0634\u062a\u0631 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f: <a href=\"https:\/\/quera.org\/blog\/what-is-react\/\" target=\"_blank\" rel=\"noreferrer noopener\">React \u0686\u06cc\u0633\u062a\u061f \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631\u0645\u0648\u0631\u062f \u0631\u06cc \u0627\u06a9\u062a<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"h-\u0645\u0632\u0627\u06cc\u0627\u06cc-\u0631\u06cc-\u0627\u06a9\u062a-\u0686\u06cc\u0633\u062a\"><span class=\"ez-toc-section\" id=\"%D9%85%D8%B2%D8%A7%DB%8C%D8%A7%DB%8C_%D8%B1%DB%8C_%D8%A7%DA%A9%D8%AA_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\"><\/span>\u0645\u0632\u0627\u06cc\u0627\u06cc \u0631\u06cc \u0627\u06a9\u062a \u0686\u06cc\u0633\u062a\u061f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-react-\u0627\u0639\u0644\u0627\u0646\u06cc-declarative-\u0627\u0633\u062a\" style=\"font-size:18px\">React \u0627\u0639\u0644\u0627\u0646\u06cc (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Declarative_programming\" target=\"_blank\" rel=\"noreferrer noopener\">declarative<\/a>) \u0627\u0633\u062a<\/h3>\n\n\n\n<p>React \u0628\u0647 \u062c\u0627\u06cc \u0633\u06cc\u0646\u062a\u06a9\u0633 \u062f\u0633\u062a\u0648\u0631\u06cc \u0627\u0632 \u0633\u06cc\u0646\u062a\u06a9\u0633 \u0627\u0639\u0644\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062a\u0648\u0633\u0639\u0647 \u0628\u0627 React \u0633\u0631\u06cc\u0639 \u0648 \u0622\u0633\u0627\u0646 \u0627\u0633\u062a \u0648 \u0627\u0644\u0628\u062a\u0647 \u0627\u062d\u062a\u0645\u0627\u0644 \u062e\u0637\u0627\u06cc \u0627\u0646\u0633\u0627\u0646\u06cc \u06a9\u0645\u062a\u0631\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0646\u06cc\u0627\u0632\u06cc \u0646\u06cc\u0633\u062a \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u062d\u0648\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0648\u0636\u0639\u06cc\u062a \u0631\u0627 \u0628\u06af\u0648\u06cc\u06cc\u062f\u061b \u0641\u0642\u0637 \u0628\u0627\u06cc\u062f \u0622\u0646\u0686\u0647 \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u062a\u0641\u0627\u0642 \u0628\u06cc\u0641\u062a\u062f \u0631\u0627 \u0628\u06cc\u0627\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-react-native-\u062a\u0648\u0633\u0639\u0647-\u0628\u0631\u0646\u0627\u0645\u0647-\u0647\u0627-\u0631\u0627-\u0622\u0633\u0627\u0646-\u062a\u0631-\u0645\u06cc-\u06a9\u0646\u062f\" style=\"font-size:18px\">React Native \u062a\u0648\u0633\u0639\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0631\u0627 \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f<\/h3>\n\n\n\n<p>\u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0642\u0628\u0644\u0627\u064b \u0639\u0628\u0627\u0631\u062a \u00ab\u06cc\u06a9 \u0628\u0627\u0631 \u0628\u0646\u0648\u06cc\u0633\u060c \u0647\u0645\u0647\u200c\u062c\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u00bb \u0631\u0627 \u0634\u0646\u06cc\u062f\u0647 \u0628\u0627\u0634\u06cc\u062f. React Native \u0627\u06cc\u0646 \u0646\u0648\u0639 \u0641\u0644\u0633\u0641\u0647 \u0631\u0627 \u0628\u0627 \u00ab\u06cc\u06a9 \u0628\u0627\u0631 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u060c \u0647\u0645\u0647\u200c\u062c\u0627 \u0628\u0646\u0648\u06cc\u0633\u00bb \u0628\u0647 React \u0645\u06cc\u200c\u0622\u0648\u0631\u062f. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0645\u0639\u0645\u0627\u0631\u06cc \u0648 \u062a\u0641\u06a9\u0631 \u067e\u0627\u06cc\u0647 React \u0631\u0627 \u062f\u0631\u06a9 \u06a9\u0631\u062f\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u06a9\u0627\u0645\u0644\u0627\u064b \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0631\u0627 \u0647\u0645 \u0628\u0631\u0627\u06cc Android \u0648 \u0647\u0645 iOS \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u06cc\u062f. \u0646\u06cc\u0627\u0632\u06cc \u0646\u06cc\u0633\u062a \u062f\u0648 \u0631\u0648\u0634 \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u067e\u0633 \u0627\u0632 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc React\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u062d\u0635\u0648\u0644 \u062c\u062f\u06cc\u062f \u062e\u0648\u062f \u0631\u0627 \u0646\u0647 \u062a\u0646\u0647\u0627 \u062f\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646\u060c \u0628\u0644\u06a9\u0647 \u0628\u0647 \u0637\u06cc\u0641 \u0648\u0633\u06cc\u0639\u200c\u062a\u0631\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-react-\u062c\u0627\u0645\u0639\u0647-\u0642\u062f\u0631\u062a\u0645\u0646\u062f\u06cc-\u062f\u0627\u0631\u062f\" style=\"font-size:18px\">React \u062c\u0627\u0645\u0639\u0647 \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u06cc \u062f\u0627\u0631\u062f<\/h3>\n\n\n\n<p>React \u062c\u0627\u0645\u0639\u0647\u200c\u0627\u06cc \u06af\u0633\u062a\u0631\u062f\u0647 \u0627\u0632 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0647 \u062d\u0641\u0638 \u0648 \u0631\u0634\u062f \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0645\u0646\u0628\u0639\u200c\u0628\u0627\u0632 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u06cc\u06a9\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0632 \u062f\u0644\u0627\u06cc\u0644 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0628\u0648\u062f\u0646 \u0627\u06cc\u0646 \u062c\u0627\u0645\u0639\u0647\u060c \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0641\u0648\u0642\u200c\u0627\u0644\u0639\u0627\u062f\u0647\u200c\u0627\u06cc \u0627\u0632 \u062c\u0645\u0644\u0647 React Profiler \u0648 React devtools \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 React \u06a9\u0627\u0631 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-react-\u0628\u0631-\u0642\u0627\u0628\u0644-\u0627\u0633\u062a\u0641\u0627\u062f\u0647-\u0645\u062c\u062f\u062f-\u0628\u0648\u062f\u0646-\u0627\u062c\u0632\u0627-\u062a\u0645\u0631\u06a9\u0632-\u062f\u0627\u0631\u062f\" style=\"font-size:18px\">React \u0628\u0631 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0628\u0648\u062f\u0646 \u0627\u062c\u0632\u0627 \u062a\u0645\u0631\u06a9\u0632 \u062f\u0627\u0631\u062f<\/h3>\n\n\n\n<p>\u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 React \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0645\u0624\u0644\u0641\u0647 \u0627\u0633\u062a\u060c \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc \u062f\u0631 \u0648\u0642\u062a \u0648 \u0647\u0632\u06cc\u0646\u0647 \u0634\u0645\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0631\u0627\u0628\u0637 \u0631\u0627 \u0628\u0647 \u0627\u062c\u0632\u0627\u06cc \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f\u06cc \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u062a\u0627 \u0631\u0627\u0628\u0637\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u06cc \u067e\u0648\u06cc\u0627 \u0628\u0633\u0627\u0632\u06cc\u062f\u060c \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062f\u0631 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u06cc \u06a9\u0647 \u062f\u0631 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0641\u0646\u0627\u0648\u0631\u06cc \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0642\u0627\u062f\u0631 \u062e\u0648\u0627\u0647\u0646\u062f \u0628\u0648\u062f \u062a\u0627 \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u0646\u0633\u062c\u0627\u0645\u060c \u0645\u0646\u0628\u0639 \u0648\u0627\u062d\u062f\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u0633\u0627\u0632\u0645\u0627\u0646-\u0647\u0627\u06cc-\u0628\u0632\u0631\u06af-\u0627\u0632-react-\u0627\u0633\u062a\u0641\u0627\u062f\u0647-\u0645\u06cc-\u06a9\u0646\u0646\u062f\" style=\"font-size:18px\">\u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0627\u0632 React \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f<\/h3>\n\n\n\n<p>\u06cc\u06a9\u06cc \u0627\u0632 \u062f\u0644\u0627\u06cc\u0644 \u0645\u062d\u0628\u0648\u0628\u06cc\u062a React \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0622\u0646 \u062f\u0631 \u0645\u0642\u06cc\u0627\u0633 \u0628\u0627\u0644\u0627 \u062b\u0627\u0628\u062a \u0634\u062f\u0647 \u0627\u0633\u062a. \u0641\u06cc\u0633\u200c\u0628\u0648\u06a9 React \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0648 \u0627\u06a9\u0646\u0648\u0646 \u062f\u0631 \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0641\u06cc\u0633\u200c\u0628\u0648\u06a9 \u0628\u0647 \u0645\u0631\u0627\u0642\u0628\u062a \u0648 \u0628\u0647\u0628\u0648\u062f React \u0627\u062f\u0627\u0645\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0634\u0645\u0627 \u0627\u0632 \u0627\u06cc\u0646 \u062f\u0627\u0646\u0634 \u0646\u06cc\u0632 \u0628\u0647\u0631\u0647\u200c\u0645\u0646\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u0634\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-seo-friendly-react-\u0627\u0633\u062a\" style=\"font-size:18px\">SEO-Friendly \u060cReact \u0627\u0633\u062a<\/h3>\n\n\n\n<p>React \u0633\u0627\u0632\u06af\u0627\u0631\u062a\u0631\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 JavaScript \u0628\u0631\u0627\u06cc \u0627\u0647\u062f\u0627\u0641 SEO \u0634\u0646\u0627\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0647\u0631\u200c\u0686\u0646\u062f React \u0628\u0647\u200c\u062e\u0648\u062f\u06cc\u200c\u062e\u0648\u062f SEO-Friendly \u0646\u06cc\u0633\u062a (\u0645\u0627\u0646\u0646\u062f \u0647\u0645\u0647 \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9\u200c\u0647\u0627\u06cc JavaScript)\u060c \u0627\u0645\u0627 SEO \u0631\u0627 \u0645\u06cc\u200c\u067e\u0630\u06cc\u0631\u062f \u0648 \u062e\u0632\u0634 \u062f\u0631 \u0627\u062c\u0632\u0627\u06cc \u0622\u0646 \u0628\u0631\u0627\u06cc \u06af\u0648\u06af\u0644 \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u0627\u0633\u062a.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-react-\u0627\u0632-\u0642\u0627\u0628\u0644\u06cc\u062a-\u0647\u0627\u06cc-javascript-\u0628\u0647-\u0637\u0648\u0631-\u06a9\u0627\u0645\u0644-\u0627\u0633\u062a\u0641\u0627\u062f\u0647-\u0645\u06cc-\u06a9\u0646\u062f\" style=\"font-size:18px\">React \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc JavaScript \u0628\u0647\u200c\u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f<\/h3>\n\n\n\n<p>JavaScript \u067e\u06cc\u0634\u062a\u0627\u0632 \u062a\u0641\u06a9\u0631 \u0641\u0639\u0644\u06cc \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u062a\u0648\u0633\u0639\u0647 \u0627\u0633\u062a \u0648 React \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 JavaScript \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0622\u0646 \u0628\u0647\u200c\u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. React \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0628\u06a9\u200c\u0627\u0646\u062f \u0622\u06af\u0646\u0648\u0633\u062a\u06cc\u06a9 \u0627\u0633\u062a. \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 React \u0635\u0631\u0641\u200c\u0646\u0638\u0631 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0628\u0642\u06cc\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0645\u0627 \u0686\u0647 \u0686\u06cc\u0632\u200c\u0647\u0627\u06cc\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"731\" src=\"https:\/\/quera.org\/blog\/wp-content\/uploads\/2023\/07\/props-and-cons-of-react-1024x731.jpg\" alt=\"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React\" class=\"wp-image-43021\" srcset=\"https:\/\/quera.org\/blog\/wp-content\/uploads\/2023\/07\/props-and-cons-of-react-1024x731.jpg 1024w, https:\/\/quera.org\/blog\/wp-content\/uploads\/2023\/07\/props-and-cons-of-react-300x214.jpg 300w, https:\/\/quera.org\/blog\/wp-content\/uploads\/2023\/07\/props-and-cons-of-react-768x549.jpg 768w, https:\/\/quera.org\/blog\/wp-content\/uploads\/2023\/07\/props-and-cons-of-react-1536x1097.jpg 1536w, https:\/\/quera.org\/blog\/wp-content\/uploads\/2023\/07\/props-and-cons-of-react-2048x1463.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-unopiniated-react-\u0627\u0633\u062a\" style=\"font-size:18px\">unopiniated \u060cReact \u0627\u0633\u062a<\/h3>\n\n\n\n<p>\u0631\u06cc\u200c\u0627\u06a9\u062a unopinionated \u0627\u0633\u062a \u0648 \u0634\u0645\u0627 \u0631\u0627 \u0645\u062c\u0628\u0648\u0631 \u0628\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u062e\u0627\u0635\u06cc \u0627\u0632 \u0641\u0631\u0645\u200c\u0647\u0627 \u06cc\u0627 routing \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0627 \u0634\u0645\u0627\u0633\u062a. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u067e\u0648\u06cc\u0627\u062a\u0631 \u067e\u0627\u0633\u062e \u062f\u0647\u06cc\u062f \u0648 \u0628\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0645\u062a\u063a\u06cc\u0631 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062e\u0648\u062f \u0633\u0627\u0632\u06af\u0627\u0631 \u0634\u0648\u06cc\u062f. \u0647\u0645\u0647 \u0627\u06cc\u0646\u200c\u0647\u0627 \u0628\u0647 \u0648\u0627\u0633\u0637\u0647 JavaScript \u0627\u0645\u06a9\u0627\u0646\u200c\u067e\u0630\u06cc\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u0622\u06cc\u0646\u062f\u0647-\u0634\u063a\u0644\u06cc-\u062e\u0648\u062f-\u0631\u0627-\u062a\u0636\u0645\u06cc\u0646-\u0648-\u0642\u062f\u0631\u062a-\u062f\u0631\u0622\u0645\u062f-\u062e\u0648\u062f-\u0631\u0627-\u0627\u0641\u0632\u0627\u06cc\u0634-\u0645\u06cc-\u062f\u0647\u06cc\u062f\" style=\"font-size:18px\">\u0622\u06cc\u0646\u062f\u0647 \u0634\u063a\u0644\u06cc \u062e\u0648\u062f \u0631\u0627 \u062a\u0636\u0645\u06cc\u0646 \u0648 \u0642\u062f\u0631\u062a \u062f\u0631\u0622\u0645\u062f \u062e\u0648\u062f \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u06cc\u062f<\/h3>\n\n\n\n<p>\u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 React \u062f\u0631 \u0635\u062f\u0631 \u062d\u0648\u0632\u0647 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u200c\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f \u0648 \u062a\u0642\u0627\u0636\u0627 \u0628\u0631\u0627\u06cc <a href=\"https:\/\/quera.org\/magnet\/jobs\/category\/reactjs\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633 React <\/a>\u0631\u0648\u0632 \u0628\u0647 \u0631\u0648\u0632 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u06cc\u0627\u0628\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0632 \u0622\u0646\u200c\u062c\u0627 \u06a9\u0647 JavaScript \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631 \u0627\u0633\u062a\u061b \u06a9\u0627\u0631 \u062f\u0631 \u0622\u0646 \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0648\u0638\u0627\u06cc\u0641 \u0631\u0627 \u0628\u06cc\u0646 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u0648 \u0628\u06a9\u200c\u0627\u0646\u062f \u062a\u0642\u0633\u06cc\u0645 \u0648 \u0641\u0631\u0635\u062a \u06a9\u0627\u0631 \u062f\u0631 \u0647\u0631 \u062f\u0648 \u062d\u0648\u0632\u0647 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f. \u0627\u0645\u0627 \u0645\u0647\u0645\u200c\u062a\u0631 \u0627\u0632 \u0647\u0645\u0647\u060c \u0647\u0645\u0647 \u0628\u0647 JavaScript \u0648 React \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0622\u06cc\u0646\u062f\u0647 \u0648\u0628\u200c\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627 \u0646\u06af\u0627\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc React \u0622\u06cc\u0646\u062f\u0647 \u0634\u063a\u0644\u06cc \u0634\u0645\u0627 \u0631\u0627 \u062a\u0636\u0645\u06cc\u0646 \u0648 \u0642\u062f\u0631\u062a \u062f\u0631\u0622\u0645\u062f \u0634\u0645\u0627 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc-react-\u0633\u0631\u06cc\u0639-\u0648-\u0622\u0633\u0627\u0646-\u0627\u0633\u062a\" style=\"font-size:18px\">\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc React \u0633\u0631\u06cc\u0639 \u0648 \u0622\u0633\u0627\u0646 \u0627\u0633\u062a<\/h3>\n\n\n\n<p>\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc React \u062f\u0631 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0628\u0627 \u0633\u0627\u06cc\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u060c \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9\u200c\u0647\u0627 \u06cc\u0627 \u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u0646\u0633\u0628\u062a\u0627\u064b \u0622\u0633\u0627\u0646 \u0627\u0633\u062a. React \u0634\u0647\u0648\u062f\u06cc \u0627\u0633\u062a \u0648 \u0645\u0627\u0646\u0646\u062f \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9 Angular \u0633\u0646\u06af\u06cc\u0646 \u0646\u06cc\u0633\u062a. \u0645\u0633\u0644\u0645\u0627\u064b \u062a\u0641\u06a9\u0631 \u0628\u0647 \u0634\u06cc\u0648\u0647 React \u06a9\u0645\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0627\u0632 \u0622\u0646 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0647 \u0622\u0646 \u0639\u0627\u062f\u062a \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f. \u0627\u0645\u0627 \u0647\u0631 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\u200c\u0627\u06cc \u06a9\u0647 \u062d\u062a\u06cc \u062f\u0627\u0646\u0634\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0627\u0632&nbsp; JavaScript \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u067e\u0633 \u0627\u0632 \u0686\u0646\u062f \u0631\u0648\u0632 \u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0631\u0627 \u062f\u0631 React \u0628\u0633\u0627\u0632\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u062a\u063a\u06cc\u06cc\u0631\u0627\u062a-react-\u0633\u0627\u0632\u0645\u0627\u0646-\u0647\u0627-\u0631\u0627-\u0628\u0627-\u0645\u0634\u06a9\u0644\u0627\u062a-\u0632\u06cc\u0627\u062f\u06cc-\u0645\u0648\u0627\u062c\u0647-\u0646\u0645\u06cc-\u06a9\u0646\u062f\" style=\"font-size:18px\">\u062a\u063a\u06cc\u06cc\u0631\u0627\u062a React \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0627 \u0645\u0634\u06a9\u0644\u0627\u062a \u0632\u06cc\u0627\u062f\u06cc \u0645\u0648\u0627\u062c\u0647 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f<\/h3>\n\n\n\n<p>\u0635\u0646\u0639\u062a \u062a\u0648\u0633\u0639\u0647 \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u0628\u0647 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0633\u0631\u06cc\u0639 \u0648 \u0645\u062f\u0627\u0648\u0645 \u062e\u0648\u062f \u0645\u0634\u0647\u0648\u0631 \u0627\u0633\u062a. \u0627\u0645\u0627 \u0647\u0645\u0647 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627 \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0631\u0627\u06cc \u0647\u0645\u06af\u0627\u0645 \u0634\u062f\u0646 \u0628\u0627 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0647\u0631\u0633\u0627\u0644\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u0646\u062f. \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627 React \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06af\u0631\u0686\u0647 React \u062f\u0627\u0626\u0645\u0627\u064b \u062f\u0631 \u062d\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b API\u0647\u0627 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0646\u0645\u06cc\u200c\u062f\u0647\u062f \u06cc\u0627 \u062d\u0630\u0641 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f. \u0634\u0645\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 React\u060c \u0627\u0632 \u062a\u0639\u0647\u062f \u062a\u06cc\u0645\u200c\u0647\u0627 \u0628\u0647 \u062d\u0641\u0638 backwards compatibility \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f.<\/p>\n\n\n\n<p>\u062d\u0627\u0644\u0627 \u06a9\u0647 \u06a9\u0645\u06cc \u0628\u0627 \u0645\u0632\u0627\u06cc\u0627\u06cc \u0631\u06cc\u200c\u0627\u06a9\u062a \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f\u060c \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0645\u0642\u0627\u0644\u0647 \u00ab<strong>\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React<\/strong>\u00bb \u0628\u0647 \u0645\u0639\u0627\u06cc\u0628 \u0622\u0646 \u0646\u06cc\u0632 \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645.<\/p>\n\n\n\n<p><strong>\u0645\u0637\u0644\u0628 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u06cc:<\/strong><a href=\"https:\/\/quera.org\/blog\/tutorial-hell\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong> \u062c\u0647\u0646\u0645 \u0622\u0645\u0648\u0632\u0634 \u06cc\u0627 \u0686\u06af\u0648\u0646\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0646\u0634\u0648\u06cc\u0645<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"h-\u0645\u0639\u0627\u06cc\u0628-react-\u0686\u06cc\u0633\u062a\"><span class=\"ez-toc-section\" id=\"%D9%85%D8%B9%D8%A7%DB%8C%D8%A8_react_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\"><\/span>\u0645\u0639\u0627\u06cc\u0628 react \u0686\u06cc\u0633\u062a\u061f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-react-\u0627\u0646\u0639\u0637\u0627\u0641-\u067e\u0630\u06cc\u0631-\u0627\u0633\u062a\" style=\"font-size:18px\">React \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631 \u0627\u0633\u062a<\/h3>\n\n\n\n<p>\u0634\u0627\u06cc\u062f \u0628\u0627 \u062f\u06cc\u062f\u0646 \u0627\u06cc\u0646 \u062c\u0645\u0644\u0647 \u062a\u0639\u062c\u0628 \u06a9\u0631\u062f\u0647 \u0628\u0627\u0634\u06cc\u062f.\u062f\u0631\u0633\u062a \u0627\u0633\u062a \u06a9\u0647 \u06cc\u06a9 \u0686\u0627\u0631\u0686\u0648\u0628 \u0628\u0633\u062a\u0647 \u0646\u062f\u0627\u0634\u062a\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0627\u0632 \u0645\u0632\u0627\u06cc\u0627\u06cc React \u0628\u0627\u0634\u062f\u061b \u0627\u0645\u0627 \u0627\u06af\u0631 \u0628\u0627 \u062f\u06cc\u062f\u06cc \u0648\u0633\u06cc\u0639\u200c\u062a\u0631\u06cc \u0628\u0647 \u0622\u0646 \u0646\u06af\u0627\u0647 \u06a9\u0646\u06cc\u0645\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0639\u0627\u06cc\u0628 \u0622\u0646 \u0646\u06cc\u0632 \u0628\u0627\u0634\u062f .\u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u060c \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9\u200c\u0647\u0627 \u0648 \u0632\u0628\u0627\u0646\u200c\u0647\u0627 \u06cc\u06a9 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u062c\u0647\u0627\u0646\u06cc \u062f\u0627\u0631\u0646\u062f \u06a9\u0647 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0686\u0637\u0648\u0631 \u0628\u0627\u06cc\u062f \u0628\u0627 \u0622\u0646\u200c\u0647\u0627 \u06a9\u0627\u0631 \u06a9\u0646\u0646\u062f \u0648 \u0686\u0647 \u0627\u0644\u06af\u0648\u06cc\u06cc \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0628\u0647 \u0627\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f \u06a9\u0647 \u0627\u06af\u0631 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\u200c\u0627\u06cc \u062a\u06cc\u0645 \u062e\u0648\u062f \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u062f\u061b \u0645\u06cc\u200c\u062f\u0627\u0646\u062f \u062a\u06cc\u0645 \u062c\u062f\u06cc\u062f \u0628\u0627 \u0686\u0647 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u0627\u0644\u06af\u0648\u06cc\u06cc \u062d\u0631\u06a9\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0631\u0645\u0648\u0631\u062f React \u0627\u06cc\u0646 \u0645\u0633\u0626\u0644\u0647 \u0635\u062f\u0642 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f. \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 React\u060c \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0647 \u0633\u0627\u062f\u06af\u06cc \u0633\u0628\u06a9 \u0648 \u0627\u0644\u06af\u0648\u06cc\u06cc \u06a9\u0647 \u062a\u06cc\u0645 \u062c\u062f\u06cc\u062f \u062f\u0646\u0628\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0631\u0627 \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc \u06a9\u0646\u0646\u062f\u061b \u06a9\u0647 \u0627\u06cc\u0646 \u0645\u0633\u0626\u0644\u0647 \u06a9\u0627\u0631 \u0628\u0627 \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0646\u200c\u0647\u0627 \u062f\u0634\u0648\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-react-\u06cc\u06a9-\u0641\u0631\u06cc\u0645-\u0648\u0631\u06a9-\u06a9\u0627\u0645\u0644-\u0646\u06cc\u0633\u062a\" style=\"font-size:18px\">React \u06cc\u06a9 \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9 \u06a9\u0627\u0645\u0644 \u0646\u06cc\u0633\u062a<\/h3>\n\n\n\n<p>\u0627\u06af\u0631\u0686\u0647 React \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u063a\u0646\u06cc JavaScript \u0627\u0633\u062a \u06a9\u0647 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0641\u06cc\u062f \u0648 \u062a\u0639\u0627\u0645\u0644\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0632\u06cc\u0627\u062f\u06cc \u062f\u0627\u0631\u062f\u061b \u0627\u0645\u0627 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u062a\u0645\u0627\u0645 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0627\u0632 \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9\u06cc \u0645\u0627\u0646\u0646\u062f Angular(\u06a9\u0647 \u06cc\u06a9\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0632 \u0641\u0631\u06cc\u0645\u200c\u0648\u0631\u06a9\u200c\u0647\u0627\u06cc JS \u0627\u0633\u062a) \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0631\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f. \u0627\u06af\u0631 \u0628\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 <a href=\"https:\/\/en.wikipedia.org\/wiki\/Model%E2%80%93view%E2%80%93controller\" target=\"_blank\" rel=\"noreferrer noopener\">MVC<\/a> \u06cc\u0627 Model View Controller \u0646\u06af\u0627\u0647 \u06a9\u0646\u06cc\u0645\u061b React \u0641\u0642\u0637 \u0628\u062e\u0634 View \u0631\u0627 \u067e\u0648\u0634\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0628\u0631\u0627\u06cc \u062f\u0627\u0634\u062a\u0646 \u062f\u0648 \u0645\u0648\u0631\u062f \u062f\u06cc\u06af\u0631&nbsp; \u062f\u0631 \u06a9\u0646\u0627\u0631 React\u060c \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627 \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631\u06cc \u0646\u06cc\u0632 \u062f\u0627\u0631\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-react-\u0645\u0633\u062a\u0646\u062f\u0627\u062a-\u06a9\u0627\u0641\u06cc-\u0646\u062f\u0627\u0631\u062f\" style=\"font-size:18px\">React \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u06a9\u0627\u0641\u06cc \u0646\u062f\u0627\u0631\u062f<\/h3>\n\n\n\n<p>\u0627\u0632 \u0622\u0646\u200c\u062c\u0627 \u06a9\u0647 \u0633\u0631\u0639\u062a \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a React \u0628\u0627\u0644\u0627\u0633\u062a\u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u0648\u062c\u0648\u062f \u0646\u062a\u0648\u0627\u0646\u0646\u062f \u0627\u0632 \u0622\u062e\u0631\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0646\u0646\u062f \u0648 \u0628\u0647 \u0639\u0628\u0627\u0631\u062a\u06cc \u0632\u0645\u0627\u0646\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0622\u0646\u200c\u0647\u0627 \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u062f\u0631\u0633\u062a \u0627\u0633\u062a \u06a9\u0647 React \u0645\u0646\u0628\u0639 \u0628\u0627\u0632 \u0627\u0633\u062a \u0648 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u062e\u0648\u062f\u0634\u0627\u0646 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0646\u062f\u061b \u0627\u0645\u0627 \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0646\u0628\u0648\u062f \u0646\u0638\u0627\u0631\u062a \u0648 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u060c \u0647\u0631\u06a9\u0633\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0633\u0627\u0632\u062f \u0648 \u0628\u0647 \u0627\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628 \u0627\u062d\u062a\u0645\u0627\u0644 \u062f\u0627\u0631\u062f \u0628\u0627 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0636\u0639\u06cc\u0641\u06cc \u0645\u0648\u0627\u062c\u0647 \u0634\u0648\u06cc\u062f \u06a9\u0647 \u0645\u0634\u06a9\u0644\u06cc \u0627\u0632 \u0634\u0645\u0627 \u062d\u0644 \u0646\u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u06a9\u0627\u0631-\u0628\u0627-jsx-\u062f\u0631-react-\u0686\u0646\u062f\u0627\u0646-\u0644\u0630\u062a-\u0628\u062e\u0634-\u0646\u06cc\u0633\u062a\" style=\"font-size:18px\">\u06a9\u0627\u0631 \u0628\u0627 JSX \u062f\u0631 React \u0686\u0646\u062f\u0627\u0646 \u0644\u0630\u062a\u200c\u0628\u062e\u0634 \u0646\u06cc\u0633\u062a<\/h3>\n\n\n\n<p>React \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u0628\u0627 JS \u0648 Html\u060c \u0633\u06cc\u0646\u062a\u06a9\u0633 JSX \u0631\u0627 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0633\u06cc\u0646\u062a\u06a9\u0633 \u062e\u0648\u062f \u0622\u0646\u200c\u0647\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0646\u0632\u062f\u06cc\u06a9 \u0627\u0633\u062a \u0648 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0628\u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u06cc\u0646 \u062f\u0648 \u0631\u0627 \u0628\u0627 \u0647\u0645 \u062a\u0631\u06a9\u06cc\u0628 \u06a9\u0646\u06cc\u0645\u061b \u0627\u0645\u0627 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f\u06cc \u0646\u06cc\u0632 \u062f\u0627\u0632\u062f. \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0627\u06cc\u0646 \u0633\u06cc\u0646\u062a\u06a9\u0633 \u0628\u0647\u200c\u062e\u0635\u0648\u0635 \u0632\u0645\u0627\u0646\u06cc\u200c\u06a9\u0647 \u0628\u0647 \u062a\u0627\u0632\u06af\u06cc \u06a9\u0627\u0631 \u0628\u0627 React \u0631\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06a9\u0645\u06cc \u0622\u0632\u0627\u0631\u062f\u0647\u0646\u062f\u0647 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u062b\u0627\u0644\u06cc \u0627\u0632 \u06cc\u06a9 \u0627\u062c\u0632\u0627\u06cc \u0633\u0627\u062f\u0647 React \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 JSX \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">import Component from \".\/Component\"\n\nconst App = () =&gt; {\n\n&nbsp;&nbsp;return (\n\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;div className=\"App\"&gt;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h1&gt;Hello From React&lt;\/h1&gt;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;Component \/&gt;\n\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/div&gt;\n\n&nbsp;&nbsp;);\n\n}\n\nexport default App<\/code><\/pre>\n\n\n\n<p>\u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0627\u0632 \u062a\u0641\u0627\u0648\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u0627\u06cc\u0646\u200c \u0645\u062b\u0627\u0644 \u0648\u0627\u0636\u062d \u0627\u0633\u062a\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 className \u062f\u0631 JSX \u0628\u0647 \u062c\u0627\u06cc Class \u0627\u0633\u062a.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"h-\u062c\u0645\u0639-\u0628\u0646\u062f\u06cc\"><span class=\"ez-toc-section\" id=\"%D8%AC%D9%85%D8%B9%E2%80%8C%D8%A8%D9%86%D8%AF%DB%8C\"><\/span>\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0628\u0627 \u0648\u062c\u0648\u062f \u0635\u062d\u0628\u062a \u062f\u0631\u0645\u0648\u0631\u062f <strong>\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React<\/strong>\u060c \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0646\u0638\u0631\u06cc \u0642\u0637\u0639\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06cc\u0627 \u0639\u062f\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u062f\u0627\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0627\u0632 \u0645\u0632\u0627\u06cc\u0627\u06cc \u0641\u0631\u0627\u0648\u0627\u0646\u06cc \u0628\u0631\u062e\u0648\u0631\u062f\u0627\u0631 \u0645\u06cc\u200c\u0634\u0648\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0634\u0627\u0631\u0647 \u06a9\u0631\u062f\u06cc\u0645 \u0648 \u062f\u0631\u06af\u06cc\u0631 \u0645\u0639\u0627\u06cc\u0628\u06cc \u0646\u06cc\u0632 \u0645\u06cc\u200c\u0634\u0648\u06cc\u062f \u06a9\u0647 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u0642\u0627\u0628\u0644 \u062d\u0644 \u0627\u0633\u062a \u0648 \u0628\u0631\u062e\u06cc \u062f\u06cc\u06af\u0631 \u0628\u0627 React \u0639\u062c\u06cc\u0646 \u0634\u062f\u0647 \u0627\u0633\u062a. \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0628\u0647 \u0646\u06cc\u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u060c \u0633\u0627\u0632\u0645\u0627\u0646 \u0648 \u0645\u06cc\u0632\u0627\u0646 \u062a\u062e\u0635\u0635 \u06a9\u0627\u0631\u06a9\u0646\u0627\u0646 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646 \u06cc\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06a9\u0631\u062f\u0646 \u0627\u0632 React \u0627\u0632 \u0645\u0633\u06cc\u0631 \u0627\u06cc\u0646 \u0633\u0647 \u0645\u0648\u0631\u062f \u0645\u06cc\u200c\u06af\u0630\u0631\u062f.<\/p>\n\n\n\n<p>\u0645\u0645\u0646\u0648\u0646 \u06a9\u0647 \u062a\u0627 \u0627\u0646\u062a\u0647\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0627 \u0645\u0627 \u0647\u0645\u0631\u0627\u0647 \u0628\u0648\u062f\u06cc\u062f. \u062e\u0648\u0634\u062d\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u06cc\u0645 \u062a\u0627 \u0646\u0638\u0631\u0627\u062a \u0648 \u0633\u0648\u0627\u0644\u0627\u062a \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0642\u0627\u0644\u0628 \u06a9\u0627\u0645\u0646\u062a \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0645\u06cc\u0627\u0646 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0639\u0644\u06cc\u200c\u0631\u063a\u0645 \u0631\u0642\u0627\u0628\u062a Vue.js \u0648 React \u060cAngular \u0627\u0646\u062a\u062e\u0627\u0628 \u062b\u0627\u0628\u062a\u200c\u0634\u062f\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0648\u0628\u200c\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627 \u0627\u0633\u062a. \u0641\u0631\u0642\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0634\u0645\u0627 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\u200c\u0627\u06cc \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647&#8230;<\/p>\n","protected":false},"author":6,"featured_media":32918,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46,48,68,79],"tags":[],"class_list":["post-1141","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer","category-technology","category-react","category-frontend"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React - \u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af<\/title>\n<meta name=\"description\" content=\"React \u062a\u0642\u0631\u06cc\u0628\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0647\u0631\u0686\u06cc\u0632\u06cc \u06a9\u0647 \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0632 \u06a9\u0648\u0626\u0631\u0627\u0628\u0644\u0627\u06af\u060c \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React - \u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af\" \/>\n<meta property=\"og:description\" content=\"React \u062a\u0642\u0631\u06cc\u0628\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0647\u0631\u0686\u06cc\u0632\u06cc \u06a9\u0647 \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0632 \u06a9\u0648\u0626\u0631\u0627\u0628\u0644\u0627\u06af\u060c \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/\" \/>\n<meta property=\"og:site_name\" content=\"\u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-15T10:18:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-11T14:42:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/\"},\"author\":{\"name\":\"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af\",\"@id\":\"https:\/\/quera.org\/blog\/#\/schema\/person\/256c0fa1a4179442163f152ffeb1006d\"},\"headline\":\"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React\",\"datePublished\":\"2021-11-15T10:18:09+00:00\",\"dateModified\":\"2024-09-11T14:42:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/\"},\"wordCount\":125,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/quera.org\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg\",\"articleSection\":[\"\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\",\"\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc\",\"\u0631\u06cc\u200c\u0627\u06a9\u062a\",\"\u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f\"],\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/\",\"url\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/\",\"name\":\"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React - \u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af\",\"isPartOf\":{\"@id\":\"https:\/\/quera.org\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg\",\"datePublished\":\"2021-11-15T10:18:09+00:00\",\"dateModified\":\"2024-09-11T14:42:19+00:00\",\"description\":\"React \u062a\u0642\u0631\u06cc\u0628\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0647\u0631\u0686\u06cc\u0632\u06cc \u06a9\u0647 \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0632 \u06a9\u0648\u0626\u0631\u0627\u0628\u0644\u0627\u06af\u060c \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\",\"breadcrumb\":{\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#primaryimage\",\"url\":\"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg\",\"contentUrl\":\"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg\",\"width\":1200,\"height\":800,\"caption\":\"\u062f\u0644\u0627\u06cc\u0644 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc React\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\/\/quera.org\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\",\"item\":\"https:\/\/quera.org\/blog\/category\/developer\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc\",\"item\":\"https:\/\/quera.org\/blog\/category\/developer\/technology\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"\u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f\",\"item\":\"https:\/\/quera.org\/blog\/category\/developer\/technology\/frontend\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"\u0631\u06cc\u200c\u0627\u06a9\u062a\",\"item\":\"https:\/\/quera.org\/blog\/category\/developer\/technology\/frontend\/react\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/quera.org\/blog\/#website\",\"url\":\"https:\/\/quera.org\/blog\/\",\"name\":\"\u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af\",\"description\":\"\u0647\u0645\u0647\u200c\u0686\u06cc\u0632 \u062f\u0631\u0628\u0627\u0631\u0647 \u062f\u0646\u06cc\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc\",\"publisher\":{\"@id\":\"https:\/\/quera.org\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/quera.org\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/quera.org\/blog\/#organization\",\"name\":\"\u06a9\u0648\u0626\u0631\u0627\",\"url\":\"https:\/\/quera.org\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/quera.org\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/quera.org\/blog\/wp-content\/uploads\/2022\/09\/logo-quera22-e1574766184574.png\",\"contentUrl\":\"https:\/\/quera.org\/blog\/wp-content\/uploads\/2022\/09\/logo-quera22-e1574766184574.png\",\"width\":300,\"height\":300,\"caption\":\"\u06a9\u0648\u0626\u0631\u0627\"},\"image\":{\"@id\":\"https:\/\/quera.org\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/quera.ir\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/quera.org\/blog\/#\/schema\/person\/256c0fa1a4179442163f152ffeb1006d\",\"name\":\"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/quera.org\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cfb7f309160ff094521c9031a472e80ecb7d1ee5380f9931aee8489aa6b4abb2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cfb7f309160ff094521c9031a472e80ecb7d1ee5380f9931aee8489aa6b4abb2?s=96&d=mm&r=g\",\"caption\":\"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React - \u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af","description":"React \u062a\u0642\u0631\u06cc\u0628\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0647\u0631\u0686\u06cc\u0632\u06cc \u06a9\u0647 \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0632 \u06a9\u0648\u0626\u0631\u0627\u0628\u0644\u0627\u06af\u060c \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.","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:\/\/quera.org\/blog\/props-and-cons-of-react\/","og_locale":"fa_IR","og_type":"article","og_title":"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React - \u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af","og_description":"React \u062a\u0642\u0631\u06cc\u0628\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0647\u0631\u0686\u06cc\u0632\u06cc \u06a9\u0647 \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0632 \u06a9\u0648\u0626\u0631\u0627\u0628\u0644\u0627\u06af\u060c \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.","og_url":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/","og_site_name":"\u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af","article_published_time":"2021-11-15T10:18:09+00:00","article_modified_time":"2024-09-11T14:42:19+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg","type":"image\/jpeg"}],"author":"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af","twitter_card":"summary_large_image","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a":"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af","\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"9 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#article","isPartOf":{"@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/"},"author":{"name":"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af","@id":"https:\/\/quera.org\/blog\/#\/schema\/person\/256c0fa1a4179442163f152ffeb1006d"},"headline":"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React","datePublished":"2021-11-15T10:18:09+00:00","dateModified":"2024-09-11T14:42:19+00:00","mainEntityOfPage":{"@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/"},"wordCount":125,"commentCount":0,"publisher":{"@id":"https:\/\/quera.org\/blog\/#organization"},"image":{"@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#primaryimage"},"thumbnailUrl":"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg","articleSection":["\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647","\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc","\u0631\u06cc\u200c\u0627\u06a9\u062a","\u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f"],"inLanguage":"fa-IR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/quera.org\/blog\/props-and-cons-of-react\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/","url":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/","name":"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React - \u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af","isPartOf":{"@id":"https:\/\/quera.org\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#primaryimage"},"image":{"@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#primaryimage"},"thumbnailUrl":"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg","datePublished":"2021-11-15T10:18:09+00:00","dateModified":"2024-09-11T14:42:19+00:00","description":"React \u062a\u0642\u0631\u06cc\u0628\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0647\u0631\u0686\u06cc\u0632\u06cc \u06a9\u0647 \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f \u0631\u0627 \u0628\u0633\u0627\u0632\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0632 \u06a9\u0648\u0626\u0631\u0627\u0628\u0644\u0627\u06af\u060c \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.","breadcrumb":{"@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/quera.org\/blog\/props-and-cons-of-react\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#primaryimage","url":"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg","contentUrl":"https:\/\/quera.org\/blog\/wp-content\/uploads\/2021\/11\/3949076.jpg","width":1200,"height":800,"caption":"\u062f\u0644\u0627\u06cc\u0644 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc React"},{"@type":"BreadcrumbList","@id":"https:\/\/quera.org\/blog\/props-and-cons-of-react\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/quera.org\/blog\/"},{"@type":"ListItem","position":2,"name":"\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647","item":"https:\/\/quera.org\/blog\/category\/developer\/"},{"@type":"ListItem","position":3,"name":"\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc","item":"https:\/\/quera.org\/blog\/category\/developer\/technology\/"},{"@type":"ListItem","position":4,"name":"\u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f","item":"https:\/\/quera.org\/blog\/category\/developer\/technology\/frontend\/"},{"@type":"ListItem","position":5,"name":"\u0631\u06cc\u200c\u0627\u06a9\u062a","item":"https:\/\/quera.org\/blog\/category\/developer\/technology\/frontend\/react\/"},{"@type":"ListItem","position":6,"name":"\u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 React"}]},{"@type":"WebSite","@id":"https:\/\/quera.org\/blog\/#website","url":"https:\/\/quera.org\/blog\/","name":"\u06a9\u0648\u0626\u0631\u0627\u200c\u0628\u0644\u0627\u06af","description":"\u0647\u0645\u0647\u200c\u0686\u06cc\u0632 \u062f\u0631\u0628\u0627\u0631\u0647 \u062f\u0646\u06cc\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc","publisher":{"@id":"https:\/\/quera.org\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/quera.org\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Organization","@id":"https:\/\/quera.org\/blog\/#organization","name":"\u06a9\u0648\u0626\u0631\u0627","url":"https:\/\/quera.org\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/quera.org\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/quera.org\/blog\/wp-content\/uploads\/2022\/09\/logo-quera22-e1574766184574.png","contentUrl":"https:\/\/quera.org\/blog\/wp-content\/uploads\/2022\/09\/logo-quera22-e1574766184574.png","width":300,"height":300,"caption":"\u06a9\u0648\u0626\u0631\u0627"},"image":{"@id":"https:\/\/quera.org\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/quera.ir\/"]},{"@type":"Person","@id":"https:\/\/quera.org\/blog\/#\/schema\/person\/256c0fa1a4179442163f152ffeb1006d","name":"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af","image":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/quera.org\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cfb7f309160ff094521c9031a472e80ecb7d1ee5380f9931aee8489aa6b4abb2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cfb7f309160ff094521c9031a472e80ecb7d1ee5380f9931aee8489aa6b4abb2?s=96&d=mm&r=g","caption":"\u06a9\u0648\u0626\u0631\u0627 \u0628\u0644\u0627\u06af"}}]}},"_links":{"self":[{"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/posts\/1141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/comments?post=1141"}],"version-history":[{"count":19,"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/posts\/1141\/revisions"}],"predecessor-version":[{"id":47745,"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/posts\/1141\/revisions\/47745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/media\/32918"}],"wp:attachment":[{"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/media?parent=1141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/categories?post=1141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quera.org\/blog\/wp-json\/wp\/v2\/tags?post=1141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}