{"id":68470,"date":"2024-07-07T11:47:52","date_gmt":"2024-07-07T08:17:52","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/twil-highlights-from-a-week-of-learning-week-27-2024-418\/"},"modified":"2024-07-07T11:47:52","modified_gmt":"2024-07-07T08:17:52","slug":"twil-highlights-from-a-week-of-learning-week-27-2024-418","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/twil-highlights-from-a-week-of-learning-week-27-2024-418\/","title":{"rendered":"TWIL: \u0646\u06a9\u0627\u062a \u0645\u0647\u0645 \u0647\u0641\u062a\u0647 27 2024"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang <\/p>\n

\u0627\u06cc\u0646 \u0647\u0641\u062a\u0647 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645:<\/p>\n

1. \u062a\u0645\u0633\u062e\u0631 \u0648\u0627\u0631\u062f\u0627\u062a \u0628\u0627 \u0648\u06cc\u062a\u0633\u062a<\/p>\n

\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0648\u0627\u0631\u062f\u0627\u062a \u0648\u0627\u0631\u062f\u0627\u062a \u0631\u0627 \u0645\u0633\u062e\u0631\u0647 \u06a9\u0646\u06cc\u0645<\/p>\n

vi.mock(‘pg’, () => {
\n const Client = vi.fn()
\n Client.prototype.connect = vi.fn()
\n Client.prototype.query = vi.fn()
\n Client.prototype.end = vi.fn()<\/p>\n

return { Client }
\n})<\/p>\n

vi.mock(‘.\/handlers.js’, () => {
\n return {
\n success: vi.fn(),
\n failure: vi.fn(),
\n }
\n})<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

2. \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 \u0635\u0641\u062d\u0647 \u06a9\u0644\u06cc\u062f \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u06cc \u0646\u0647\u0627\u06cc\u062a:<\/p>\n

\u0627\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f react-infinite-scroll-component \u0648 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0635\u0641\u062d\u0647 \u06a9\u0644\u06cc\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 \u062f\u06a9\u0645\u0647 \u0647\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0639\u0646\u0627\u0635\u0631 \u06a9\u0648\u062f\u06a9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645.<\/p>\n

InfiniteScroll
\n dataLength={items.length}
\n next={fetchData}
\n hasMore={hasMoreData}
\n loader={() => p>Loading…\/p>}
\n>
\n {items.map((item, index) => (
\n div
\n id={index}
\n key={index}
\n onClick={handleClick}
\n style={styles}
\n >
\n button>
\n {childNodeOfScrollList}
\n \/button>
\n \/div>
\n ))}
\n\/InfiniteScroll><\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\n
\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n