{"id":73409,"date":"2024-08-14T11:50:53","date_gmt":"2024-08-14T08:20:53","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/"},"modified":"2024-08-14T11:50:53","modified_gmt":"2024-08-14T08:20:53","slug":"%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/","title":{"rendered":"\u06a9\u0627\u0645\u0644 \u06a9\u0631\u062f\u0646 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0631\u0627\u06cc React: Replyke V3 \u062c\u062f\u06cc\u062f \u0648 \u0628\u0647\u0628\u0648\u062f \u06cc\u0627\u0641\u062a\u0647"},"content":{"rendered":"<p><\/p>\n<div data-article-id=\"1957681\" id=\"article-body\">\n<p>\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 React \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06cc\u06a9 \u06a9\u0627\u0631 \u062f\u0644\u0647\u0631\u0647\u200c\u0622\u0648\u0631 \u0628\u0627\u0634\u062f\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0638\u0627\u0647\u0631\u06cc \u0632\u06cc\u0628\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0631\u0648\u0627\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u0648 \u0628\u0647\u200c\u0637\u0648\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u0628\u0627\u0637\u0646 \u0634\u0645\u0627 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0634\u0648\u062f. \u0627\u06cc\u0646\u062c\u0627\u0633\u062a \u06a9\u0647 Replyke \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u0634\u0648\u062f. Replyke \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u0622\u0633\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u062f\u0631 \u0639\u0631\u0636 \u0686\u0646\u062f \u062f\u0642\u06cc\u0642\u0647 \u06cc\u06a9 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u06a9\u0627\u0645\u0644\u0627\u064b \u062f\u0627\u0631\u0627\u06cc \u0648\u06cc\u0698\u06af\u06cc \u0631\u0627 \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 React \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0622\u062e\u0631\u06cc\u0646 \u0646\u0633\u062e\u0647 Replyke \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0686\u0646\u062f\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u062c\u062f\u06cc\u062f \u0648 \u0647\u06cc\u062c\u0627\u0646\u200c\u0627\u0646\u06af\u06cc\u0632 \u0631\u0627 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0648 \u0647\u0645\u0647\u200c\u06a9\u0627\u0631\u0647\u200c\u062a\u0631 \u06a9\u0631\u062f\u0646 \u0641\u0631\u0622\u06cc\u0646\u062f \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f. \u0686\u0647 \u0628\u0631\u0627\u06cc \u0627\u0648\u0644\u06cc\u0646 \u0628\u0627\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0647\u0633\u062a\u06cc\u062f \u06cc\u0627 \u0627\u0632 \u0632\u0645\u0627\u0646 \u0627\u0646\u062a\u0634\u0627\u0631 \u0627\u0648\u0644\u06cc\u0647 Replyke \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u062f\u060c \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0627\u0632 \u0622\u062e\u0631\u06cc\u0646 \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0647\u0627 \u0633\u0631\u0639\u062a \u0628\u06af\u06cc\u0631\u06cc\u062f.<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0686\u0647 \u0686\u06cc\u0632\u06cc \u062c\u062f\u06cc\u062f \u0627\u0633\u062a:<\/p>\n<ul>\n<li>\n<strong>\u0633\u0628\u06a9 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/strong>: \u0637\u0631\u0627\u062d\u06cc \u062c\u062f\u06cc\u062f \u0648 \u0645\u062f\u0631\u0646 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0627 \u0627\u0644\u0647\u0627\u0645 \u0627\u0632 \u0634\u0628\u06a9\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0645\u062d\u0628\u0648\u0628\u060c \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062c\u0630\u0627\u0628 \u062a\u0631 \u0648 \u0622\u0634\u0646\u0627\u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/li>\n<li>\n<strong><code>useReplyke<\/code>  \u0642\u0644\u0627\u0628<\/strong>: \u06cc\u06a9 \u0642\u0644\u0627\u0628 \u062c\u062f\u06cc\u062f \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u06a9\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0636\u0631\u0648\u0631\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u0642\u0627\u0644\u0627\u062a \u06cc\u0627 \u0645\u0648\u0627\u0631\u062f\u06cc \u06a9\u0647 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0634\u0645\u0627 \u0628\u0647 \u0622\u0646\u0647\u0627 \u067e\u06cc\u0648\u0633\u062a \u0634\u062f\u0647 \u0627\u0633\u062a \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0645\u06a9\u0627\u0646 \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u0648 \u06a9\u0646\u062a\u0631\u0644 \u0628\u06cc\u0634\u062a\u0631 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f.<\/li>\n<li>\n<strong>\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0633\u0627\u062f\u0647 \u0634\u062f\u0647 Backend<\/strong>: \u0632\u0645\u0627\u0646 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u062f\u0633\u062a\u06cc \u0628\u0627\u0637\u0646 \u0634\u0645\u0627 \u06af\u0630\u0634\u062a\u0647 \u0627\u0633\u062a. \u0628\u0627 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062c\u062f\u06cc\u062f Express\u060c \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u0644 \u0628\u0627\u0637\u0646 \u0631\u0627 \u062a\u0646\u0647\u0627 \u0628\u0627 \u06cc\u06a9 \u062e\u0637 \u06a9\u062f \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>React Native Support<\/strong>: \u0627\u06a9\u0646\u0648\u0646\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0633\u0628\u06a9 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0631\u0627 \u0628\u0627 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062c\u062f\u06cc\u062f Replyke React Native \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u062e\u0648\u062f \u0628\u06cc\u0627\u0648\u0631\u06cc\u062f \u0648 \u0627\u0632 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0648 \u062b\u0627\u0628\u062a \u062f\u0631 \u0647\u0631 \u062f\u0648 \u067e\u0644\u062a\u0641\u0631\u0645 \u0648\u0628 \u0648 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<p>\u062f\u0631 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc\u060c \u0639\u0645\u06cc\u0642\u200c\u062a\u0631 \u0628\u0647 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u06cc\u0645 \u0648 \u0628\u0647 \u0634\u0645\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645 \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0628\u0627 Replyke \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0634\u062f\u0647 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f. \u0686\u0647 \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a\u0646 \u06cc\u06a9 \u0648\u0628\u0644\u0627\u06af\u060c \u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0628\u0631\u0631\u0633\u06cc \u0645\u062d\u0635\u0648\u0644 \u06cc\u0627 \u0647\u0631 \u067e\u0644\u062a\u0641\u0631\u0645 \u062f\u06cc\u06af\u0631\u06cc \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u06a9\u0627\u0631\u0628\u0631 \u0633\u0648\u062f \u0645\u06cc \u0628\u0631\u062f\u060c Replyke \u0634\u0645\u0627 \u0631\u0627 \u062a\u062d\u062a \u067e\u0648\u0634\u0634 \u0642\u0631\u0627\u0631 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<p>\u0622\u06cc\u0627 \u0622\u0645\u0627\u062f\u0647\u200c\u0627\u06cc\u062f \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0635\u0631\u06cc\u060c \u0634\u06cc\u06a9 \u0648 \u0622\u0633\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627 \u0627\u0631\u062a\u0642\u0627 \u062f\u0647\u06cc\u062f\u061f \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u0645!<\/p>\n<p><em>* \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u062d\u0645\u0627\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f\u060c \u0645\u0646 \u0628\u0647 \u062a\u0627\u0632\u06af\u06cc (14 \u0627\u0648\u062a) V3 \u0631\u0627 \u062f\u0631 ProductHunt \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0631\u062f\u0647 \u0627\u0645 \u0648 \u0627\u0632 \u062d\u0645\u0627\u06cc\u062a \u0634\u0645\u0627 \u0642\u062f\u0631\u062f\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u0645!<\/em><\/p>\n<p>\u0628\u0631\u0627\u06cc \u0627\u062f\u063a\u0627\u0645 Replyke \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 React \u062e\u0648\u062f\u060c \u0628\u0627 \u0646\u0635\u0628 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>npm install replyke\n--- or ---\nyarn add replyke\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0627\u06cc \u0627\u062f\u063a\u0627\u0645 Replyke \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 React Native \u062e\u0648\u062f\u060c \u0628\u0647 \u062c\u0627\u06cc \u0622\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 React Native \u0631\u0627 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>npm install replyke-rn\n--- or ---\nyarn add replyke-rn\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0645\u0631\u0627\u062d\u0644 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0647\u0631 \u062f\u0648 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 React \u0648 React Native \u06cc\u06a9\u0633\u0627\u0646 \u0627\u0633\u062a.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 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\" style=\"cursor:inherit\">\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=\"\u062a\u063a\u06cc\u06cc\u0631 \u0648\u0636\u0639\u06cc\u062a \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628\"><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:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D9%88%D8%A7%D8%B1%D8%AF_%DA%A9%D8%B1%D8%AF%D9%86_%D9%88_%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_Replyke\" >\u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u0646 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc Replyke<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%B3%D8%A8%DA%A9_%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%DB%8C\" >\u0633\u0628\u06a9 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%B3%D8%A8%DA%A9_%D9%88%D8%A8%D9%84%D8%A7%DA%AF\" >\u0633\u0628\u06a9 \u0648\u0628\u0644\u0627\u06af<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%A2%D8%AF%D8%B1%D8%B3_%D8%B3%D8%B1%D9%88%D8%B1_%D8%AE%D9%88%D8%AF_%D8%B1%D8%A7_%D9%BE%DB%8C%DA%A9%D8%B1%D8%A8%D9%86%D8%AF%DB%8C_%DA%A9%D9%86%DB%8C%D8%AF\" >\u0622\u062f\u0631\u0633 \u0633\u0631\u0648\u0631 \u062e\u0648\u062f \u0631\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%AF%D8%B1%DA%A9_%D9%88%DB%8C%DA%98%DA%AF%DB%8C_articleId\" >\u062f\u0631\u06a9 \u0648\u06cc\u0698\u06af\u06cc articleId<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D9%85%D8%AB%D8%A7%D9%84_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87\" >\u0645\u062b\u0627\u0644 \u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86_%D8%B4%DB%8C%D9%88%D9%87_%D9%87%D8%A7\" >\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647 \u0647\u0627<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D9%85%D8%AF%DB%8C%D8%B1%DB%8C%D8%AA_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86\" >\u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631\u0627\u0646<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%AC%D8%B2%D8%A6%DB%8C%D8%A7%D8%AA_%D9%BE%DB%8C%D8%A7%D8%AF%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C\" >\u062c\u0632\u0626\u06cc\u0627\u062a \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#Callbacks_%D8%AF%D8%B1_Replyke_%E2%80%93_%DA%86%D8%B1%D8%A7_%D9%BE%D8%A7%D8%B3%D8%AE_%D8%A8%D9%87_%D8%AA%D9%85%D8%A7%D8%B3_%D8%B6%D8%B1%D9%88%D8%B1%DB%8C_%D8%A7%D8%B3%D8%AA\" >Callbacks \u062f\u0631 Replyke &#8211; \u0686\u0631\u0627 \u067e\u0627\u0633\u062e \u0628\u0647 \u062a\u0645\u0627\u0633 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C_%D8%B3%D8%A7%D8%B2%DB%8C_%D9%88_%DB%8C%DA%A9%D9%BE%D8%A7%D8%B1%DA%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C\" >\u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u0648 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0633\u0627\u0632\u06cc<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87\" >\u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%B4%DB%8C%D8%A1_%D9%BE%DB%8C%DA%A9%D8%B1%D8%A8%D9%86%D8%AF%DB%8C\" >\u0634\u06cc\u0621 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%A7%D8%B1%D8%B2%D8%B4_%D9%87%D8%A7%DB%8C_%D8%A8%D8%B1%DA%AF%D8%B4%D8%AA%DB%8C\" >\u0627\u0631\u0632\u0634 \u0647\u0627\u06cc \u0628\u0631\u06af\u0634\u062a\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%A7%D8%AC%D8%B2%D8%A7%D8%A1\" >\u0627\u062c\u0632\u0627\u0621<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D9%85%D8%AB%D8%A7%D9%84_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87\" >\u0645\u062b\u0627\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D9%86%D8%B5%D8%A8_%D9%88_%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C\" >\u0646\u0635\u0628 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C\" >\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_%D8%A7%D9%88%D9%84%DB%8C%D9%87\" >\u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0627\u0648\u0644\u06cc\u0647<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%DB%8C%DA%A9%D9%BE%D8%A7%D8%B1%DA%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D9%85%D8%AB%D8%A7%D9%84\" >\u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0633\u0627\u0632\u06cc \u0645\u062b\u0627\u0644<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87_%D9%87%D8%A7\" >\u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/nabfollower.com\/blog\/%da%a9%d8%a7%d9%85%d9%84-%da%a9%d8%b1%d8%af%d9%86-%d8%a8%d8%ae%d8%b4-%d9%86%d8%b8%d8%b1%d8%a7%d8%aa-%d8%a8%d8%b1%d8%a7%db%8c-react-replyke-v3-%d8%ac%d8%af%db%8c%d8%af-%d9%88-%d8%a8%d9%87%d8%a8%d9%88\/#%D9%BE%DB%8C%D8%A7%D8%AF%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%A7%D8%B3%D8%AA%D9%88%D8%AF%DB%8C%D9%88_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84\" >\u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u0627\u0633\u062a\u0627\u06cc\u0644<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%88%D8%A7%D8%B1%D8%AF_%DA%A9%D8%B1%D8%AF%D9%86_%D9%88_%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_Replyke\"><\/span>\n<p>  \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u0646 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc Replyke<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B3%D8%A8%DA%A9_%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%DB%8C\"><\/span>\n<p>  \u0633\u0628\u06a9 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0645\u0624\u0644\u0641\u0647 \u0633\u0628\u06a9 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0628\u0647 \u062f\u0648 \u0645\u0624\u0644\u0641\u0647 \u0627\u0635\u0644\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 (CommentsFeed \u0648 NewCommentForm) \u0648 \u062f\u0648 \u0645\u0624\u0644\u0641\u0647 \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc (SocialActionsBar \u0648 SortByButton) \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0627\u062c\u0631\u0627\u06cc UI \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\u062a\u0631 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0646\u062f.<br \/>\u0647\u0631 \u0686\u0647\u0627\u0631 \u062c\u0632\u0621 \u0628\u0627\u06cc\u062f \u062a\u0648\u0633\u0637 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0634\u0648\u0646\u062f <code>SocialContextProvider<\/code>.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc\u060c \u0627\u0628\u062a\u062f\u0627 Provider \u0648 \u0647\u0645\u0647 \u0627\u062c\u0632\u0627\u0621 \u0631\u0627 \u0627\u0632 Replyke \u062f\u0631 \u0628\u0627\u0644\u0627\u06cc \u0641\u0627\u06cc\u0644 \u062c\u0632\u0621 React \u062e\u0648\u062f \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">ReplykeSocialProvider<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">CommentsFeed<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">NewCommentForm<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">SocialActionsBar<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">SortByButton<\/span><span class=\"p\">,<\/span>\n<span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">replyke<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0633\u067e\u0633 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u062f\u0644\u062e\u0648\u0627\u0647 \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f. \u06cc\u06a9 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0686\u06cc\u0632\u06cc \u0634\u0628\u06cc\u0647 \u0628\u0647 \u0627\u06cc\u0646 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f (\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u0627\u0632 Tailwind \u0648 Shadcn \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f):<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"o\"><span class=\"nx\">ReplykeSocialProvider<\/span>\n  <span class=\"nx\">apiBaseUrl<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">your-server-url<\/span><span class=\"dl\">\"<\/span>\n  <span class=\"nx\">articleId<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">unique-article-id<\/span><span class=\"dl\">\"<\/span>\n  <span class=\"nx\">callbacks<\/span><span class=\"o\">=<\/span><span class=\"p\">{{<\/span><span class=\"o\">*<\/span> <span class=\"nx\">object<\/span> <span class=\"kd\">with<\/span> <span class=\"nx\">callbacks<\/span> <span class=\"o\">*<\/span><span class=\"p\">}}<\/span>\n  <span class=\"nx\">currentUser<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"o\">*<\/span> <span class=\"nx\">the<\/span> <span class=\"nx\">current<\/span> <span class=\"nx\">user<\/span> <span class=\"nx\">or<\/span> <span class=\"kc\">undefined<\/span> <span class=\"o\">*<\/span><span class=\"p\">}<\/span>\n<span class=\"o\">&gt;<\/span>\n  <span class=\"o\"><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">flex p-6 items-center gap-1<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n    <span class=\"o\"><span class=\"nx\">h4<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">font-semibold text-base flex-1<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span><span class=\"nx\">Comments<\/span><span class=\"o\"><span class=\"sr\">\/h4<\/span><span class=\"err\">&gt;\n<\/span>    <span class=\"o\"><span class=\"nx\">SortByButton<\/span>\n      <span class=\"nx\">priority<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">popular<\/span><span class=\"dl\">\"<\/span>\n      <span class=\"nx\">activeView<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span>\n        <span class=\"o\"><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">bg-black py-1 px-2 rounded-md text-white text-xs<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n          <span class=\"nx\">Popular<\/span>\n        <span class=\"o\"><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"p\">}<\/span>\n      <span class=\"nx\">nonActiveView<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span>\n        <span class=\"o\"><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">bg-gray-200 py-1 px-2 rounded-md text-xs<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span><span class=\"nx\">Popular<\/span><span class=\"o\"><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"p\">}<\/span>\n    <span class=\"sr\">\/<\/span><span class=\"err\">&gt;\n<\/span>    <span class=\"o\"><span class=\"nx\">SortByButton<\/span>\n      <span class=\"nx\">priority<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">newest<\/span><span class=\"dl\">\"<\/span>\n      <span class=\"nx\">activeView<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span>\n        <span class=\"o\"><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">bg-black py-1 px-2 rounded-md text-white text-xs<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n          <span class=\"nx\">Newest<\/span>\n        <span class=\"o\"><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"p\">}<\/span>\n      <span class=\"nx\">nonActiveView<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span>\n        <span class=\"o\"><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">bg-gray-200 py-1 px-2 rounded-md text-xs<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span><span class=\"nx\">Newest<\/span><span class=\"o\"><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"p\">}<\/span>\n    <span class=\"sr\">\/<\/span><span class=\"err\">&gt;\n<\/span>  <span class=\"o\"><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>  <span class=\"o\"><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">flex-1 flex flex-col overflow-hidden<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n    <span class=\"o\"><span class=\"nx\">ScrollArea<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">flex-1 px-4<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n      <span class=\"o\"><span class=\"nx\">CommentsFeed<\/span> <span class=\"o\">\/&gt;<\/span>\n      <span class=\"o\"><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">w-full h-4<\/span><span class=\"dl\">\"<\/span> <span class=\"o\">\/&gt;<\/span>\n    <span class=\"o\"><span class=\"sr\">\/ScrollArea<\/span><span class=\"err\">&gt;\n<\/span>    <span class=\"o\"><span class=\"nx\">div<\/span> <span class=\"nx\">className<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">border-y p-4<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n      <span class=\"o\"><span class=\"nx\">SocialActionsBar<\/span> <span class=\"o\">\/&gt;<\/span>\n    <span class=\"o\"><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>    <span class=\"o\"><span class=\"nx\">div<\/span><span class=\"o\">&gt;<\/span>\n      <span class=\"o\"><span class=\"nx\">NewCommentForm<\/span> <span class=\"o\">\/&gt;<\/span>\n    <span class=\"o\"><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>  <span class=\"o\"><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span><span class=\"o\"><span class=\"sr\">\/ReplykeSocialProvider<\/span><span class=\"err\">&gt;\n<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B3%D8%A8%DA%A9_%D9%88%D8%A8%D9%84%D8%A7%DA%AF\"><\/span>\n<p>  \u0633\u0628\u06a9 \u0648\u0628\u0644\u0627\u06af<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f <code>BlogCommentSection<\/code> \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0627\u0632 Replyke \u062f\u0631 \u0628\u0627\u0644\u0627\u06cc \u0641\u0627\u06cc\u0644 \u062c\u0632\u0621 React \u0634\u0645\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">BlogCommentSection<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">replyke<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0633\u067e\u0633 \u06a9\u0627\u0645\u067e\u0648\u0646\u0646\u062a \u0631\u0627 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code><blogcommentsection apibaseurl=\"your-server-url\" articleid=\"unique-article-id\" callbacks=\"{{*\" object=\"\" with=\"\" currentuser=\"{*\" the=\"\" current=\"\" user=\"\" or=\"\" undefined=\"\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f <code>\"unique-article-id\"<\/code> \u0628\u0627 \u06cc\u06a9 \u0634\u0646\u0627\u0633\u0647 \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u0628\u0631\u0627\u06cc \u0645\u0642\u0627\u0644\u0647 \u06cc\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0646\u0638\u0631\u0627\u062a \u0631\u0627 \u062f\u0631 \u0622\u0646 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f.<br \/>\u062f\u0631 \u0632\u06cc\u0631 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 articleId \u0648 \u0633\u0627\u06cc\u0631 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0631\u0627 \u0639\u0645\u06cc\u0642 \u062a\u0631 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n<p>\u0627\u06cc\u0646 \u0628\u062e\u0634 \u067e\u0627\u06cc\u0647 \u0648 \u0627\u0633\u0627\u0633 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0633\u0627\u0632\u06cc \u0633\u06cc\u0633\u062a\u0645 \u0646\u0638\u0631\u0627\u062a \u067e\u0648\u06cc\u0627 Replyke \u0631\u0627 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u062a\u0642\u0648\u06cc\u062a \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u067e\u0644\u062a\u0641\u0631\u0645 \u062e\u0648\u062f\u060c \u0627\u06cc\u0646 \u0645\u0631\u0627\u062d\u0644 \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A2%D8%AF%D8%B1%D8%B3_%D8%B3%D8%B1%D9%88%D8%B1_%D8%AE%D9%88%D8%AF_%D8%B1%D8%A7_%D9%BE%DB%8C%DA%A9%D8%B1%D8%A8%D9%86%D8%AF%DB%8C_%DA%A9%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  \u0622\u062f\u0631\u0633 \u0633\u0631\u0648\u0631 \u062e\u0648\u062f \u0631\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>apiBaseUrl \u0628\u0627\u06cc\u062f URL \u0631\u06cc\u0634\u0647 API \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0628\u0627\u0634\u062f. \u0627\u06cc\u0646\u062c\u0627 \u062c\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u062a\u0645\u0627\u0645 \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\u06cc Backend \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc \u06a9\u0646\u062f.<br \/>\u0628\u0627\u06cc\u062f \u0634\u0628\u06cc\u0647 https:\/\/yourapi.com \u0628\u0627\u0634\u062f.<br \/>\u0627\u06cc\u0646 URL \u067e\u0627\u06cc\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc\u06cc \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f \u06a9\u0647 Replyke \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0639\u0645\u0644\u06cc\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0646\u0638\u0631 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0628\u062f\u0648\u0646 \u0639\u0644\u0627\u0645\u062a \u0627\u0633\u0644\u0627\u06cc\u062f \u0627\u0646\u062a\u0647\u0627\u06cc\u06cc.<\/p>\n<p>\u0628\u0627 \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 URL \u067e\u0627\u06cc\u0647 API \u0634\u0645\u0627\u060c Replyke \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062f\u0631 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u0628\u0627\u0637\u0646 \u0645\u0648\u062c\u0648\u062f \u0634\u0645\u0627 \u0627\u062f\u063a\u0627\u0645 \u0645\u06cc \u0634\u0648\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u0646\u0642\u0637\u0647 \u067e\u0627\u06cc\u0627\u0646\u06cc \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u0648 \u0628\u0627\u0632\u06cc\u0627\u0628\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0646\u0638\u0631\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0627\u0632 \u062a\u0631\u06a9\u06cc\u0628 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0647\u0627\u06cc \u0641\u0639\u0644\u06cc \u0634\u0645\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AF%D8%B1%DA%A9_%D9%88%DB%8C%DA%98%DA%AF%DB%8C_articleId\"><\/span>\n<p>  \u062f\u0631\u06a9 \u0648\u06cc\u0698\u06af\u06cc articleId<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06cc\u0646 <code>articleId<\/code> \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0647\u0645 \u062f\u0631 Replyke \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0634\u0646\u0627\u0633\u0647 \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u0628\u0631\u0627\u06cc \u0647\u0631 \u0642\u0633\u0645\u062a \u0627\u0632 \u0645\u062d\u062a\u0648\u0627 \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0628\u062e\u0634 \u0646\u0638\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u0639\u0645\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0646\u0638\u0631\u0627\u062a \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0627\u0635 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0631\u0628\u0648\u0637\u0647 \u067e\u06cc\u0648\u0646\u062f \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0645\u0646\u0627\u0633\u0628 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%85%D8%AB%D8%A7%D9%84_%D9%87%D8%A7%DB%8C_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87\"><\/span>\n<p>  \u0645\u062b\u0627\u0644 \u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0645\u062d\u062a\u0648\u0627\u06cc \u062b\u0627\u0628\u062a: \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u062b\u0627\u0628\u062a \u0645\u0627\u0646\u0646\u062f \u00ab\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627\u00bb\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u06a9\u062f\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f <code>articleId<\/code>:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"o\"><span class=\"nx\">SocialContextProvider<\/span> <span class=\"nx\">articleId<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">about-page<\/span><span class=\"dl\">\"<\/span><span class=\"o\">&gt;<\/span>\n<span class=\"p\">...<\/span>\n<span class=\"o\"><span class=\"sr\">\/SocialContextProvider<\/span><span class=\"err\">&gt;\n<\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\u0645\u062d\u062a\u0648\u0627\u06cc \u067e\u0648\u06cc\u0627: \u0627\u06af\u0631 Replyke \u0631\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u06cc \u0628\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u067e\u0648\u06cc\u0627 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u067e\u0633\u062a \u0648\u0628\u0644\u0627\u06af \u062f\u0631 \u06cc\u06a9 \u0633\u0627\u06cc\u062a \u0648\u0628\u0644\u0627\u06af\u060c <code>articleId<\/code> \u0628\u0627\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0628\u0627 \u0634\u0646\u0627\u0633\u0647 \u067e\u0633\u062a \u0648\u0628\u0644\u0627\u06af \u0645\u0637\u0627\u0628\u0642\u062a \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"o\"><span class=\"nx\">SocialContextProvider<\/span> <span class=\"nx\">articleId<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nx\">blogPost<\/span><span class=\"p\">.<\/span><span class=\"nx\">id<\/span><span class=\"p\">}<\/span><span class=\"o\">&gt;<\/span>\n<span class=\"p\">...<\/span>\n<span class=\"o\"><span class=\"sr\">\/SocialContextProvider<\/span><span class=\"err\">&gt;\n<\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86_%D8%B4%DB%8C%D9%88%D9%87_%D9%87%D8%A7\"><\/span>\n<p>  \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647 \u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u0628\u0648\u062f\u0646: \u0647\u0631 \u06a9\u062f\u0627\u0645 <code>articleId<\/code> \u0628\u0627\u06cc\u062f \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u0628\u0627\u0634\u062f.<\/li>\n<li>\u0633\u0627\u0632\u06af\u0627\u0631\u06cc: \u0647\u0645\u0627\u0646 \u0631\u0627 \u062d\u0641\u0638 \u06a9\u0646\u06cc\u062f <code>articleId<\/code> \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0642\u0637\u0639\u0647 \u0645\u062d\u062a\u0648\u0627 \u0628\u0631\u0627\u06cc \u062d\u0641\u0638 \u0646\u0638\u0631\u0627\u062a \u0633\u0627\u0632\u06af\u0627\u0631 \u0648 \u0645\u0631\u062a\u0628\u0637.<\/li>\n<\/ul>\n<p>\u0628\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0635\u062d\u06cc\u062d <code>articleId<\/code>\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0637\u0648\u0631 \u0645\u0624\u062b\u0631 \u0646\u0638\u0631\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u062e\u0627\u0635 \u0631\u0627 \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0648 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f \u0648 \u062a\u0639\u0627\u0645\u0644 \u0648 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u062f\u0631 \u067e\u0644\u062a \u0641\u0631\u0645 \u062e\u0648\u062f \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0647\u06cc\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%AF%DB%8C%D8%B1%DB%8C%D8%AA_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86\"><\/span>\n<p>  \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631\u0627\u0646<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06cc\u0646 <code>user<\/code> prop in Replyke \u0628\u0631\u0627\u06cc \u0627\u062f\u063a\u0627\u0645 \u0633\u06cc\u0633\u062a\u0645 \u0646\u0638\u0631\u0627\u062a \u0628\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u062a\u0639\u0627\u0645\u0644 \u062f\u0631 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0627 \u0647\u0648\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u067e\u0644\u062a\u0641\u0631\u0645 \u0634\u0645\u0627 \u0645\u0637\u0627\u0628\u0642\u062a \u062f\u0627\u0631\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D8%AC%D8%B2%D8%A6%DB%8C%D8%A7%D8%AA_%D9%BE%DB%8C%D8%A7%D8%AF%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C\"><\/span>\n<p>  \u062c\u0632\u0626\u06cc\u0627\u062a \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0627\u0631\u0633\u0627\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0627\u0631\u0628\u0631: \u06cc\u06a9 \u0634\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0627 \u062c\u0632\u0626\u06cc\u0627\u062a \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648\u0627\u0631\u062f \u0634\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0634\u06cc \u06a9\u0627\u0631\u0628\u0631\u060c \u0648\u06cc\u0698\u06af\u06cc &#8220;_id&#8221; \u0627\u062c\u0628\u0627\u0631\u06cc \u0627\u0633\u062a\u060c &#8220;name&#8221; \u0648 &#8220;img&#8221; \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc \u0647\u0633\u062a\u0646\u062f.\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code>  <span class=\"o\"><span class=\"nx\">SocialContextProvider<\/span>\n    <span class=\"nx\">currentUser<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span>\n      <span class=\"nx\">user<\/span>\n        <span class=\"p\">?<\/span> <span class=\"p\">{<\/span> <span class=\"na\">_id<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">user-id<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">User Name<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"na\">img<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">user-image-url<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">}<\/span>\n        <span class=\"p\">:<\/span> <span class=\"kc\">undefined<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"sr\">\/<\/span><span class=\"err\">&gt;\n<\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0627\u062f\u063a\u0627\u0645 \u0627\u0639\u062a\u0628\u0627\u0631 \u062a\u0639\u0627\u0645\u0644\u0627\u062a \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u062d\u0641\u0638 \u0645\u06cc \u06a9\u0646\u062f\u060c \u0632\u06cc\u0631\u0627 Replyke \u0627\u0632 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u067e\u0644\u062a \u0641\u0631\u0645 \u0634\u0645\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Callbacks_%D8%AF%D8%B1_Replyke_%E2%80%93_%DA%86%D8%B1%D8%A7_%D9%BE%D8%A7%D8%B3%D8%AE_%D8%A8%D9%87_%D8%AA%D9%85%D8%A7%D8%B3_%D8%B6%D8%B1%D9%88%D8%B1%DB%8C_%D8%A7%D8%B3%D8%AA\"><\/span>\n<p>  Callbacks \u062f\u0631 Replyke &#8211; \u0686\u0631\u0627 \u067e\u0627\u0633\u062e \u0628\u0647 \u062a\u0645\u0627\u0633 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 Replyke\u060c callback \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u0646\u0633\u062c\u0645 \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u0648\u062c\u0648\u062f \u0648\u0628 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0645\u06cc \u0634\u0648\u062f\u060c \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a. \u0627\u06cc\u0646 \u062a\u0645\u0627\u0633\u200c\u0647\u0627 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u06a9\u0647 \u062a\u0639\u0627\u0645\u0644\u0627\u062a \u062f\u0631\u0648\u0646 \u0645\u0624\u0644\u0641\u0647 \u0646\u0638\u0631\u0627\u062a Replyke \u0628\u0647 \u062c\u0627\u06cc \u06cc\u06a9 \u0627\u0641\u0632\u0648\u0646\u0647 \u062e\u0627\u0631\u062c\u06cc\u060c \u0628\u062e\u0634\u06cc \u062c\u062f\u0627\u06cc\u06cc\u200c\u0646\u0627\u067e\u0630\u06cc\u0631 \u0627\u0632 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0627\u0633\u062a.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C_%D8%B3%D8%A7%D8%B2%DB%8C_%D9%88_%DB%8C%DA%A9%D9%BE%D8%A7%D8%B1%DA%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C\"><\/span>\n<p>  \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u0648 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0633\u0627\u0632\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0637\u0631\u0627\u062d\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0645\u062d\u0648\u0631: Callbacks \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0646\u0638\u0631 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0628\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631 \u062e\u0648\u062f \u06a9\u0627\u0631 \u06a9\u0646\u062f \u0648 \u0627\u0632 \u0646\u06cc\u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062d\u0633\u0627\u0628 \u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0628\u0631\u0627\u06cc \u0627\u0638\u0647\u0627\u0631 \u0646\u0638\u0631 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u062f.<\/li>\n<li>\u062a\u062c\u0631\u0628\u0647 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647: \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u0645\u0627\u0633\u200c\u0647\u0627\u060c \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u062f\u0631\u0648\u0646 \u0645\u0648\u0644\u0641\u0647 Replyke \u0628\u0627 \u062c\u0631\u06cc\u0627\u0646 \u06a9\u0627\u0631\u0628\u0631 \u0648 \u0641\u0631\u0622\u06cc\u0646\u062f\u0647\u0627\u06cc \u0627\u062d\u0631\u0627\u0632 \u0647\u0648\u06cc\u062a \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0647\u0645\u0633\u0648 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/li>\n<\/ul>\n<p>\u0628\u0627 \u0627\u06cc\u0646 \u062a\u0645\u0627\u0633\u200c\u0647\u0627\u060c Replyke \u0628\u0627 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0633\u0627\u0632\u06af\u0627\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc \u0648 \u062a\u062f\u0627\u0648\u0645 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u062d\u0641\u0638 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0647\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u062e\u0634 \u0646\u0638\u0631 \u0628\u0647 \u062a\u0645\u0627\u0633 \u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f. \u0644\u0637\u0641\u0627\u064b \u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u062a\u0645\u0627\u0633 \u0647\u0627\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0648 \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc\u060c \u0628\u0647 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u062e\u0648\u062f \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f.<br \/>\u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0633 \u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0628\u062e\u0634 \u0633\u0628\u06a9 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0627\u06cc\u0646\u062c\u0627 \u0631\u0627 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f.<br \/>\u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0633 \u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0628\u062e\u0634 \u0633\u0628\u06a9 \u0648\u0628\u0644\u0627\u06af \u0627\u06cc\u0646\u062c\u0627 \u0631\u0627 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0627\u06cc\u0646 <code>useRepyke<\/code> \u0647\u0648\u06a9 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u06cc \u0628\u0627 \u062f\u0633\u062a\u0631\u0633\u06cc \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0636\u0631\u0648\u0631\u06cc \u0645\u0642\u0627\u0644\u0647 \u0628\u062f\u0648\u0646 \u062c\u0632\u0626\u06cc\u0627\u062a \u063a\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u0645\u0627\u0646\u0646\u062f \u0646\u0638\u0631\u0627\u062a \u06cc\u0627 \u0627\u062c\u0632\u0627\u06cc \u0631\u0646\u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0642\u0644\u0627\u0628 \u0628\u0631\u0627\u06cc \u0628\u0647 \u062f\u0633\u062a \u0622\u0648\u0631\u062f\u0646 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc\u06cc \u0627\u06cc\u062f\u0647 \u0622\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0632 \u0622\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0627\u062c\u0632\u0627\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0627\u0635 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>useRepyke<\/code> \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0642\u0644\u0627\u0628 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0622\u0646 \u062f\u0633\u062a\u0631\u0633\u06cc \u0639\u0627\u0644\u06cc \u062f\u0627\u0631\u06cc\u062f <code>replyke<\/code> \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87\"><\/span>\n<p>  \u0627\u0633\u062a\u0641\u0627\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06cc\u0646 <code>useRepyke<\/code> hook \u0628\u0647 \u06cc\u06a9 \u0634\u06cc\u0621 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f \u0648 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0648 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 \u0622\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0645\u0644 \u0648 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0645\u0642\u0627\u0644\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B4%DB%8C%D8%A1_%D9%BE%DB%8C%DA%A9%D8%B1%D8%A8%D9%86%D8%AF%DB%8C\"><\/span>\n<p>  \u0634\u06cc\u0621 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0634\u06cc\u0621 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0628\u0647 \u0622\u0646 \u0645\u0646\u062a\u0642\u0644 \u0634\u062f <code>useRepyke<\/code> \u0628\u0627\u06cc\u062f \u0634\u0627\u0645\u0644 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0632\u06cc\u0631 \u0628\u0627\u0634\u062f:<\/p>\n<ul>\n<li>\n<strong>AccessKey<\/strong>: \u06a9\u0644\u06cc\u062f \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0645\u062a\u0627\u0632 \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u067e\u0631\u0648\u0698\u0647.<\/li>\n<li>\n<strong>apiBaseUrl<\/strong>: URL \u067e\u0627\u06cc\u0647 \u0633\u0631\u0648\u0631.<\/li>\n<li>\n<strong>\u0634\u0646\u0627\u0633\u0647 \u0645\u0642\u0627\u0644\u0647<\/strong>: \u0634\u0646\u0627\u0633\u0647 \u0645\u0642\u0627\u0644\u0647 \u0628\u0631\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627.<\/li>\n<li>\n<strong>\u0641\u0639\u0644\u06cc \u06a9\u0627\u0631\u0628\u0631<\/strong>: \u0634\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0641\u0639\u0644\u06cc \u062d\u0627\u0648\u06cc <code>_id<\/code>\u060c <code>name<\/code>\u060c \u0648 <code>img<\/code>\u060c \u06cc\u0627 <code>undefined<\/code> \u0627\u06af\u0631 \u0647\u06cc\u0686 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648\u0627\u0631\u062f \u0646\u0634\u062f\u0647 \u0628\u0627\u0634\u062f<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B1%D8%B2%D8%B4_%D9%87%D8%A7%DB%8C_%D8%A8%D8%B1%DA%AF%D8%B4%D8%AA%DB%8C\"><\/span>\n<p>  \u0627\u0631\u0632\u0634 \u0647\u0627\u06cc \u0628\u0631\u06af\u0634\u062a\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0642\u0644\u0627\u0628 \u06cc\u06a9 \u0634\u06cc \u0631\u0627 \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0632\u06cc\u0631 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f:<\/p>\n<ul>\n<li>  <strong>userLikedArticle<\/strong>: \u06cc\u06a9 \u0628\u0648\u0644\u06cc \u06a9\u0647 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0622\u06cc\u0627 \u06a9\u0627\u0631\u0628\u0631 \u0641\u0639\u0644\u06cc \u0645\u0642\u0627\u0644\u0647 \u0631\u0627 \u067e\u0633\u0646\u062f\u06cc\u062f\u0647 \u0627\u0633\u062a (\u0628\u0647 \u0634\u0631\u0637\u06cc \u06a9\u0647 \u06cc\u06a9 \u0634\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0627\u0631\u0633\u0627\u0644 \u0634\u0648\u062f).<\/li>\n<li>  <strong>\u062a\u0639\u062f\u0627\u062f \u0646\u0638\u0631\u0627\u062a<\/strong>: \u0639\u062f\u062f\u06cc \u06a9\u0647 \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u062a\u0639\u062f\u0627\u062f \u06a9\u0644 \u0646\u0638\u0631\u0627\u062a \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u0642\u0627\u0644\u0647 \u0627\u0633\u062a.<\/li>\n<li>  <strong>\u062a\u0639\u062f\u0627\u062f \u0644\u0627\u06cc\u06a9 \u0647\u0627<\/strong>: \u0639\u062f\u062f\u06cc \u06a9\u0647 \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u062a\u0639\u062f\u0627\u062f \u06a9\u0644 \u0644\u0627\u06cc\u06a9 \u0647\u0627\u06cc \u0645\u0642\u0627\u0644\u0647 \u0627\u0633\u062a.<\/li>\n<li>  <strong>\u0645\u0627\u0646\u0646\u062f \u0645\u0642\u0627\u0644\u0647<\/strong>: \u062a\u0627\u0628\u0639\u06cc \u06a9\u0647 \u06cc\u06a9 \u0644\u0627\u06cc\u06a9 \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631 \u0641\u0639\u0644\u06cc \u0628\u0647 \u0645\u0642\u0627\u0644\u0647 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u06a9\u0646\u062f (\u0628\u0647 \u0634\u0631\u0637\u06cc \u06a9\u0647 \u06cc\u06a9 \u0634\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0627\u0631\u0633\u0627\u0644 \u0634\u0648\u062f).<\/li>\n<li>  <strong>\u0628\u0631\u062e\u0644\u0627\u0641 \u0645\u0642\u0627\u0644\u0647<\/strong>: \u062a\u0627\u0628\u0639\u06cc \u06a9\u0647 \u0644\u0627\u06cc\u06a9 \u06a9\u0627\u0631\u0628\u0631 \u0641\u0639\u0644\u06cc \u0631\u0627 \u0627\u0632 \u0645\u0642\u0627\u0644\u0647 \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f (\u0628\u0647 \u0634\u0631\u0637\u06cc \u06a9\u0647 \u06cc\u06a9 \u0634\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0627\u0631\u0633\u0627\u0644 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f \u0648 \u0642\u0628\u0644\u0627\u064b \u0645\u0642\u0627\u0644\u0647 \u0631\u0627 \u062f\u0648\u0633\u062a \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f).<\/li>\n<li>  <strong>topComment<\/strong>: \u06cc\u06a9 \u0634\u06cc \u062d\u0627\u0648\u06cc \u062c\u0632\u0626\u06cc\u0627\u062a \u062f\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0628\u0631\u062a\u0631 \u062f\u0631 \u0645\u0642\u0627\u0644\u0647\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 <code>content<\/code>\u060c <code>likes<\/code>\u060c <code>author<\/code> (\u0628\u0627 <code>_id<\/code>\u060c <code>name<\/code>\u060c \u0648 <code>img<\/code>) \u0648 <code>createdAt<\/code> (\u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0646\u0638\u0631 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f).<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AC%D8%B2%D8%A7%D8%A1\"><\/span>\n<p>  \u0627\u062c\u0632\u0627\u0621<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0642\u0644\u0627\u0628 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0686\u0646\u062f\u06cc\u0646 \u0645\u0624\u0644\u0641\u0647 \u0646\u0645\u0627\u062f \u0642\u0627\u0628\u0644 \u062a\u0646\u0638\u06cc\u0645 \u0631\u0627 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f (iconSize\u060c iconColor \u0648 onClick \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0647 \u0646\u0645\u0627\u062f\u0647\u0627 \u0645\u0646\u062a\u0642\u0644 \u0634\u0648\u0646\u062f):<\/p>\n<ul>\n<li>\n<strong>\u062f\u06a9\u0645\u0647 \u0642\u0644\u0628<\/strong>: \u0645\u0624\u0644\u0641\u0647 \u0646\u0645\u0627\u062f \u0642\u0644\u0628 \u0628\u0631\u0627\u06cc \u0644\u0627\u06cc\u06a9\/\u0639\u062f\u0645 \u062f\u0648\u0633\u062a \u062f\u0627\u0634\u062a\u0646 \u0645\u0642\u0627\u0644\u0647. \u0627\u06cc\u0646 \u062e\u0627\u0631\u062c \u0627\u0632 \u062c\u0639\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0627\u0633\u062a<\/li>\n<li>\n<strong>\u062f\u06a9\u0645\u0647 \u0646\u0638\u0631<\/strong>: \u06cc\u06a9 \u062c\u0632\u0621 \u0646\u0645\u0627\u062f \u0646\u0638\u0631.<\/li>\n<li>\n<strong>\u062f\u06a9\u0645\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0631\u06cc<\/strong>: \u062c\u0632\u0621 \u0646\u0645\u0627\u062f \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0631\u06cc.<\/li>\n<li>\n<strong>\u062f\u06a9\u0645\u0647 \u0646\u0634\u0627\u0646\u06a9<\/strong>: \u062c\u0632\u0621 \u0646\u0645\u0627\u062f \u0646\u0634\u0627\u0646\u06a9.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%AB%D8%A7%D9%84_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87\"><\/span>\n<p>  \u0645\u062b\u0627\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">useRepyke<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">replyke<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">ArticleComponent<\/span> <span class=\"o\">=<\/span> <span class=\"p\">({<\/span>\n  <span class=\"nx\">accessKey<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">apiBaseUrl<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">articleId<\/span><span class=\"p\">,<\/span>\n  <span class=\"nx\">currentUser<\/span><span class=\"p\">,<\/span>\n<span class=\"p\">})<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">userLikedArticle<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">commentCount<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">likesCount<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">likeArticle<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ we could use this instead of the heart button<\/span>\n    <span class=\"nx\">unlikeArticle<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ we could use this instead of the heart button<\/span>\n    <span class=\"nx\">topComment<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">HeartButton<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">CommentButton<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">ShareButton<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">BookmarkButton<\/span><span class=\"p\">,<\/span>\n  <span class=\"p\">}<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">useRepyke<\/span><span class=\"p\">({<\/span>\n    <span class=\"nx\">accessKey<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">apiBaseUrl<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">articleId<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">currentUser<\/span><span class=\"p\">,<\/span>\n  <span class=\"p\">});<\/span>\n\n  <span class=\"k\">return <\/span><span class=\"p\">(<\/span>\n    <span class=\"o\"><span class=\"nx\">div<\/span><span class=\"o\">&gt;<\/span>\n      <span class=\"o\"><span class=\"nx\">h1<\/span><span class=\"o\">&gt;<\/span><span class=\"nx\">Article<\/span> <span class=\"nx\">Details<\/span><span class=\"o\"><span class=\"sr\">\/h1<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"o\"><span class=\"nx\">p<\/span><span class=\"o\">&gt;<\/span><span class=\"na\">Likes<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span><span class=\"nx\">likesCount<\/span><span class=\"p\">}<\/span><span class=\"o\"><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"o\"><span class=\"nx\">p<\/span><span class=\"o\">&gt;<\/span><span class=\"na\">Comments<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span><span class=\"nx\">commentCount<\/span><span class=\"p\">}<\/span><span class=\"o\"><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"o\"><span class=\"nx\">p<\/span><span class=\"o\">&gt;<\/span><span class=\"nx\">Top<\/span> <span class=\"na\">Comment<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span><span class=\"nx\">topComment<\/span><span class=\"p\">?.<\/span><span class=\"nx\">content<\/span><span class=\"p\">}<\/span><span class=\"o\"><span class=\"sr\">\/p<\/span><span class=\"err\">&gt;\n<\/span>\n      <span class=\"o\"><span class=\"nx\">HeartButton<\/span>\n        <span class=\"nx\">iconSize<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">24px<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"nx\">emptyColor<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">gray<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"nx\">fullColor<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">red<\/span><span class=\"dl\">\"<\/span> <span class=\"o\">\/&gt;<\/span>\n      <span class=\"o\"><span class=\"nx\">CommentButton<\/span>\n        <span class=\"nx\">iconSize<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">24px<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"nx\">iconColor<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">blue<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"nx\">onClick<\/span><span class=\"o\">=<\/span><span class=\"p\">{()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Comment clicked<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)}<\/span>\n      <span class=\"sr\">\/<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"o\"><span class=\"nx\">ShareButton<\/span>\n        <span class=\"nx\">iconSize<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">24px<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"nx\">iconColor<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">green<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"nx\">onClick<\/span><span class=\"o\">=<\/span><span class=\"p\">{()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Share clicked<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)}<\/span>\n      <span class=\"sr\">\/<\/span><span class=\"err\">&gt;\n<\/span>      <span class=\"o\"><span class=\"nx\">BookmarkButton<\/span>\n        <span class=\"nx\">iconSize<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">24px<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"nx\">iconColor<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">orange<\/span><span class=\"dl\">\"<\/span>\n        <span class=\"nx\">onClick<\/span><span class=\"o\">=<\/span><span class=\"p\">{()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">Bookmark clicked<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)}<\/span>\n      <span class=\"sr\">\/<\/span><span class=\"err\">&gt;\n<\/span>    <span class=\"o\"><span class=\"sr\">\/div<\/span><span class=\"err\">&gt;\n<\/span>  <span class=\"p\">);<\/span>\n<span class=\"p\">};<\/span>\n<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0627\u06cc \u0627\u062f\u063a\u0627\u0645 \u0622\u0633\u0627\u0646 \u0628\u0627 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc Node.js + Express + Mongoose\u060c Replyke \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0631\u0627\u062d\u0644 \u0633\u0627\u062f\u0647 \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0628\u0627\u0637\u0646 Replyke \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 Express \u062e\u0648\u062f \u0627\u062f\u063a\u0627\u0645 \u06a9\u0646\u06cc\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%86%D8%B5%D8%A8_%D9%88_%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C\"><\/span>\n<p>  \u0646\u0635\u0628 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0628\u062a\u062f\u0627\u060c \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f <code>replyke-express<\/code> \u0628\u0633\u062a\u0647 \u0627\u0632 \u0637\u0631\u06cc\u0642 npm:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight shell\"><code>npm <span class=\"nb\">install <\/span>replyke-express\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C\"><\/span>\n<p>  \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 <code>replyke-express<\/code>\u060c \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 Express \u062e\u0648\u062f \u0648\u0627\u0631\u062f \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B1%D8%A7%D9%87_%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%DB%8C_%D8%A7%D9%88%D9%84%DB%8C%D9%87\"><\/span>\n<p>  \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0627\u0648\u0644\u06cc\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li> <strong>\u0648\u0627\u0631\u062f\u0627\u062a \u0648 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647<\/strong>: \u0628\u0627 \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u0646 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc \u0644\u0627\u0632\u0645 \u0648 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 Express \u062e\u0648\u062f \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f.<\/li>\n<li> <strong>\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0645\u06cc\u0627\u0646 \u0627\u0641\u0632\u0627\u0631<\/strong>: \u0627\u0632 \u0645\u06cc\u0627\u0646 \u0627\u0641\u0632\u0627\u0631 JSON \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc Replyke \u0631\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li> <strong>\u0633\u0631\u0648\u0631 \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f<\/strong>: \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0633\u0631\u0648\u0631 Express \u062e\u0648\u062f \u0631\u0627 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"%DB%8C%DA%A9%D9%BE%D8%A7%D8%B1%DA%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D9%85%D8%AB%D8%A7%D9%84\"><\/span>\n<p>  \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0633\u0627\u0632\u06cc \u0645\u062b\u0627\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u0632\u06cc\u0631 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u06a9\u0627\u0645\u0644 \u0627\u0632 \u0646\u062d\u0648\u0647 \u0627\u062f\u063a\u0627\u0645 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a <code>replyke-express<\/code> \u062f\u0631 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 Express\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0627\u062a\u0635\u0627\u0644 MongoDB.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">express<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">require<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">express<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">mongoose<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">require<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">mongoose<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n<span class=\"kd\">const<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">replykeRoutes<\/span> <span class=\"p\">}<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">require<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">replyke-express<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">app<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">express<\/span><span class=\"p\">();<\/span>\n\n<span class=\"c1\">\/\/ Connect to MongoDB<\/span>\n<span class=\"nx\">mongoose<\/span><span class=\"p\">.<\/span><span class=\"nf\">connect<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">your-mongodb-uri<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n\n<span class=\"nx\">app<\/span><span class=\"p\">.<\/span><span class=\"nf\">use<\/span><span class=\"p\">(<\/span><span class=\"nx\">express<\/span><span class=\"p\">.<\/span><span class=\"nf\">json<\/span><span class=\"p\">());<\/span>\n\n<span class=\"c1\">\/\/ Use the Replyke routes<\/span>\n<span class=\"nx\">app<\/span><span class=\"p\">.<\/span><span class=\"nf\">use<\/span><span class=\"p\">(<\/span><span class=\"nx\">replykeRoutes<\/span><span class=\"p\">);<\/span>\n\n<span class=\"kd\">const<\/span> <span class=\"nx\">PORT<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">process<\/span><span class=\"p\">.<\/span><span class=\"nx\">env<\/span><span class=\"p\">.<\/span><span class=\"nx\">PORT<\/span> <span class=\"o\">||<\/span> <span class=\"mi\">3000<\/span><span class=\"p\">;<\/span>\n<span class=\"nx\">app<\/span><span class=\"p\">.<\/span><span class=\"nf\">listen<\/span><span class=\"p\">(<\/span><span class=\"nx\">PORT<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">log<\/span><span class=\"p\">(<\/span><span class=\"s2\">`Server is running on port <\/span><span class=\"p\">${<\/span><span class=\"nx\">PORT<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">);<\/span>\n<span class=\"p\">});<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%AC%D9%85%D9%88%D8%B9%D9%87_%D9%87%D8%A7\"><\/span>\n<p>  \u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0633\u0646\u0627\u062f \u062f\u0631 \u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627\u06cc MongoDB \u0632\u06cc\u0631 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f:<\/p>\n<ul>\n<li>  <strong>replyke-articles<\/strong>: \u0645\u0642\u0627\u0644\u0627\u062a \u0631\u0627 \u0628\u0647 \u0647\u0645\u0631\u0627\u0647 \u0644\u0627\u06cc\u06a9 \u0647\u0627\u060c \u0646\u0638\u0631\u0627\u062a \u0648 \u067e\u0627\u0633\u062e \u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0622\u0646\u0647\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/li>\n<li>  <strong>replyke-comments<\/strong>: \u0646\u0638\u0631\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u0642\u0627\u0644\u0627\u062a \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/li>\n<\/ul>\n<p>Replyke Studio \u06cc\u06a9 \u0631\u0627\u0628\u0637 \u0628\u0635\u0631\u06cc \u0628\u0631\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0631\u062f\u0646 \u0638\u0627\u0647\u0631 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0634\u0645\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u0639\u0646\u0627\u0635\u0631 \u0628\u0635\u0631\u06cc\u060c \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n<ul>\n<li>\n<strong><em>\u0631\u0646\u06af \u0647\u0627:<\/em><\/strong>  \u0631\u0646\u06af \u0628\u0646\u062f\u06cc \u0631\u0627 \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0628\u0631\u0646\u062f \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong><em>\u0627\u0646\u062f\u0627\u0632\u0647 \u0641\u0648\u0646\u062a:<\/em><\/strong>  \u0627\u0646\u062f\u0627\u0632\u0647 \u0645\u062a\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0648 \u062a\u0627\u06a9\u06cc\u062f \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong><em>\u062d\u0627\u0634\u06cc\u0647 \u0647\u0627 \u0648 \u0628\u0627\u0644\u0634\u062a\u06a9 \u0647\u0627:<\/em><\/strong>  \u0641\u0627\u0635\u0644\u0647 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0686\u06cc\u062f\u0645\u0627\u0646 \u062a\u0645\u06cc\u0632 \u0628\u0647 \u062e\u0648\u0628\u06cc \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong><em>\u0645\u0631\u0632\u0647\u0627 \u0648 \u0628\u06cc\u0634\u062a\u0631:<\/em><\/strong>  \u0628\u0627 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u062d\u0627\u0634\u06cc\u0647 \u0648 \u0633\u0627\u06cc\u0631 \u0639\u0646\u0627\u0635\u0631 \u0637\u0631\u0627\u062d\u06cc\u060c \u06a9\u0627\u0631\u0647\u0627\u06cc \u062a\u06a9\u0645\u06cc\u0644\u06cc \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D9%BE%DB%8C%D8%A7%D8%AF%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%A7%D8%B3%D8%AA%D9%88%D8%AF%DB%8C%D9%88_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84\"><\/span>\n<p>  \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u0627\u0633\u062a\u0627\u06cc\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0637\u0631\u0627\u062d\u06cc \u0634\u0645\u0627 \u06a9\u0627\u0645\u0644 \u0634\u062f\u060c \u06cc\u06a9 \u0634\u0646\u0627\u0633\u0647 \u0633\u0628\u06a9 \u0645\u0646\u062d\u0635\u0631 \u0628\u0647 \u0641\u0631\u062f \u062f\u0631\u06cc\u0627\u0641\u062a \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f. \u0627\u06cc\u0646 \u0631\u0627 \u062f\u0631 \u0645\u0624\u0644\u0641\u0647 Replyke \u062e\u0648\u062f \u0627\u0639\u0645\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"o\"><span class=\"nx\">BlogCommentSection<\/span> <span class=\"nx\">styleId<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">your-generated-style-id<\/span><span class=\"dl\">\"<\/span> <span class=\"o\">\/&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0634\u0646\u0627\u0633\u06cc \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0627 \u0637\u0631\u0627\u062d\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0647\u0645\u0627\u0647\u0646\u06af \u0634\u0648\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u0641\u0632\u0627\u06cc\u0634 \u06cc\u0627\u0628\u062f.<\/p>\n<p>\u0628\u0647 \u0637\u0648\u0631 \u062e\u0644\u0627\u0635\u0647\u060c \u0622\u062e\u0631\u06cc\u0646 \u0646\u0633\u062e\u0647 Replyke \u0637\u06cc\u0641 \u0648\u0633\u06cc\u0639\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u062c\u062f\u06cc\u062f \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc React \u0634\u0645\u0627 \u0631\u0627 \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u0648 \u0647\u0645\u0647\u200c\u06a9\u0627\u0631\u0647\u200c\u062a\u0631 \u0627\u0632 \u0647\u0645\u06cc\u0634\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<br \/>\u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0633\u0628\u06a9 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc\u060c \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0634\u0645\u0627 \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0637\u0631\u0627\u062d\u06cc \u0645\u062f\u0631\u0646 \u0648 \u0627\u0644\u0647\u0627\u0645 \u06af\u0631\u0641\u062a\u0647 \u0627\u0632 \u0634\u0628\u06a9\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<br \/>\u0642\u0644\u0627\u0628 useReplyke \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0647\u0645 \u0645\u0642\u0627\u0644\u0647 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0628\u06cc\u0634\u062a\u0631 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 Express \u062c\u062f\u06cc\u062f \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc backend \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u062e\u0637 \u06a9\u062f \u0633\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646\u060c \u0628\u0627 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062c\u062f\u06cc\u062f React Native\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u062e\u0648\u062f \u0628\u06cc\u0627\u0648\u0631\u06cc\u062f \u0648 \u0627\u0632 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u0632\u06af\u0627\u0631 \u0648 \u062c\u0630\u0627\u0628 \u062f\u0631 \u0647\u0645\u0647 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0686\u0647 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0628\u0627\u062a\u062c\u0631\u0628\u0647 \u0628\u0627\u0634\u06cc\u062f \u0648 \u0686\u0647 \u062a\u0627\u0632\u0647 \u0648\u0627\u0631\u062f Replyke\u060c \u0627\u06cc\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc\u200c\u0647\u0627 \u0647\u0645\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0631\u0627 \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0648 \u0634\u06cc\u06a9 \u062f\u0631 \u0639\u0631\u0636 \u0686\u0646\u062f \u062f\u0642\u06cc\u0642\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f\u060c \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<p>\u0627\u06af\u0631 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0644\u0630\u062a \u0628\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u0648 Replyke \u0631\u0627 \u0645\u0641\u06cc\u062f \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u062f &#8211; \u0644\u0637\u0641\u0627\u064b \u062d\u062a\u0645\u0627\u064b \u0645\u0646 \u0631\u0627 \u062f\u0631 X\/Twitter (\u062d\u0633\u0627\u0628: yantsab) \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc\u200c\u0647\u0627 \u0631\u0627 \u067e\u0633\u062a \u0645\u06cc\u200c\u06a9\u0646\u0645 \u062a\u0627 Replyke \u0631\u0627 \u062d\u062a\u06cc \u0628\u0647\u062a\u0631 \u06a9\u0646\u0645.<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 React \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06cc\u06a9 \u06a9\u0627\u0631 \u062f\u0644\u0647\u0631\u0647\u200c\u0622\u0648\u0631 \u0628\u0627\u0634\u062f\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0638\u0627\u0647\u0631\u06cc \u0632\u06cc\u0628\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u0639\u0645\u0644\u06a9\u0631\u062f\u06cc \u0631\u0648\u0627\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u0648 \u0628\u0647\u200c\u0637\u0648\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0627 \u0628\u0627\u0637\u0646 \u0634\u0645\u0627 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0634\u0648\u062f. \u0627\u06cc\u0646\u062c\u0627\u0633\u062a \u06a9\u0647 Replyke \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u0634\u0648\u062f. Replyke \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u0622\u0633\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f &hellip;<\/p>\n","protected":false},"author":2,"featured_media":73410,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/media.dev.to\/cdn-cgi\/image\/width=1000,height=500,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1ff8ixdgnt1d1mley2f1.png","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-73409","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/73409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=73409"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/73409\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/73410"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=73409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=73409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=73409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}