OwlCyberSecurity - MANAGER
Edit File: 1669183433.M638978P1776576.server121.web-hosting.com,S=102480,W=104461:2,S
Return-Path: <1axcein0ioe3a0dpqvugql1iiwmeduso7hgn3n@mail.toptal.com> Delivered-To: suzana@digitalaesthetics.org Received: from server121.web-hosting.com by server121.web-hosting.com with LMTP id CMmaJcm3fWPAGxsA5zEO8g (envelope-from <1axcein0ioe3a0dpqvugql1iiwmeduso7hgn3n@mail.toptal.com>) for <suzana@digitalaesthetics.org>; Wed, 23 Nov 2022 01:03:53 -0500 Return-path: <1axcein0ioe3a0dpqvugql1iiwmeduso7hgn3n@mail.toptal.com> Envelope-to: suzana@digitalaesthetics.org Delivery-date: Wed, 23 Nov 2022 01:03:53 -0500 Received: from [63.250.43.69] (port=14217 helo=asp-relay-shared.jellyfish.systems) by server121.web-hosting.com with esmtps (TLS1.2) tls TLS_ECDHE_RSA_WITH_AES_256_GCM_SHA384 (Exim 4.95) (envelope-from <1axcein0ioe3a0dpqvugql1iiwmeduso7hgn3n@mail.toptal.com>) id 1oxirR-008bA2-E6 for suzana@digitalaesthetics.org; Wed, 23 Nov 2022 01:03:53 -0500 Received: from pgg4ag.mail.toptal.com (pgg4ag.mail.toptal.com [54.174.63.102]) (using TLSv1.2 with cipher ECDHE-RSA-AES256-GCM-SHA384 (256/256 bits)) (No client certificate requested) by asp-relay-shared.jellyfish.systems (Postfix) with ESMTPS id 4NH9YK0FZgz4w0d for <suzana@digitalaesthetics.org>; Wed, 23 Nov 2022 06:03:49 +0000 (UTC) Received: by 172.16.62.47 with SMTP id avfd9jbctzgtu4cwosoa3u5deqm1e7fwvq7; Wed, 23 Nov 2022 06:03:48 GMT DKIM-Signature: v=1; s=hs2; d=mail.toptal.com; i=@mail.toptal.com; h=sender:from:from:reply-to:to:to:cc:cc:subject:subject:list-unsubscribe:form-sub:feedback-id; a=rsa-sha256; c=relaxed/relaxed; bh=3ZnE0bw6KEXNRSzKRFcUqmhXtpby/3jG6d5YnzaVmrw=; b=cTI8LIkxirPG5Ht31kvjBIf2TYvrL16HwwFOVKCyTxaVH6uOzbIdzB68mPwM8t f5NqVFadBHRyBOgl63zgIwUDO6fFtWS+GlqCb7h5IkbeCVsLwsKx1kHXk83vJwd L7YsfIa6nJAisz4tleJasAQoSq+yy6q610dy1bSw89RgvfDyG2nxDnEVQ1DdR1O p25OD2MhFO5ZfCNRZRC+5k15xquQdOvrKyIGa2muuZvzpFoTT53XtrMBFqhlrE/ gFhQCRJpvM9OOCZZWc4nVLwz1K3lUzPr3bfo9ObMLxASSRxkod/gt+3jXtq6HOu gSfLZDILSOaNFCwm+L2vD2wtraFQ==; q=dns/txt; t=1669183428; x=1669356228; DKIM-Signature: v=1; s=hs1; d=toptal.com; i=@toptal.com; h=sender:from:from:reply-to:to:to:cc:cc:subject:subject:list-unsubscribe:form-sub:feedback-id; a=rsa-sha256; c=relaxed/relaxed; bh=3ZnE0bw6KEXNRSzKRFcUqmhXtpby/3jG6d5YnzaVmrw=; b=FaLTzip7Szw2125ZkjKMNo7lnqyb3f0Pw+qqSkql06/Do8otND3c1gCxmg5oNb Pl1JIpwFLX0cV23gzFx7p2n3OP55KZApq+tVjJEEiaDUIQZIyVRhMZUEowO3Mzl ODXytoI/JV4UXfWdnMOZfNFYOfqO2wTSzI1ns/ah9JU6mhrPz30HUMGkNY4w6QU OMrZJ+BNYF5nGj9gZ/aYM70ebUpzZkURYyNqiAzHCglvufo2ToBqKrT6pxIp9wF ckT60Gk6dtyjY8OOnxtxu8b6dVM4UJXKfakaQElWfLCpZ2MWa8RGqbHXZCYKKB4 CyHsgKIgHthaRSlLfP/F7Nd1Xyig==; q=dns/txt; t=1669183428; x=1669356228; X-HS-Cid: 1axfmvyx47jwbvxr301yftib1ne2922o3ohlhf List-Unsubscribe: <mailto:1axdo2tfry8f0dlkut03yslgn5k2xm9e2gwetf@mail.toptal.com?subject=unsubscribe> Date: Wed, 23 Nov 2022 01:03:48 -0500 From: Toptal Engineering Blog <editor@toptal.com> Reply-To: editor@toptal.com To: suzana@digitalaesthetics.org Message-ID: <1669183428120.c0cd1ddd-f44f-435c-9db7-2a38dfec3a67@mail.toptal.com> Subject: Heavy Computation Made Lighter: React Memoization MIME-Version: 1.0 Content-Type: multipart/alternative; boundary="----=_Part_11034407_1783888315.1669183428222" X-Report-Abuse-To: abuse@hubspot.com (see https://policy.hubspot.com/abuse-complaints) X-NCJF-Result: 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 X-NCJF-Version: 2 Authentication-Results: asp-relay-shared.jellyfish.systems; dkim=pass header.d=mail.toptal.com header.s=hs2 header.b=cTI8LIkx; dkim=pass header.d=toptal.com header.s=hs1 header.b=FaLTzip7; dmarc=pass (policy=quarantine) header.from=toptal.com; spf=pass (asp-relay-shared.jellyfish.systems: domain of 1axcein0ioe3a0dpqvugql1iiwmeduso7hgn3n@mail.toptal.com designates 54.174.63.102 as permitted sender) smtp.mailfrom=1axcein0ioe3a0dpqvugql1iiwmeduso7hgn3n@mail.toptal.com ------=_Part_11034407_1783888315.1669183428222 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: quoted-printable React memoization provides render component caching to reduce unnecessary c= omponent computation and improve application performance. Toptal Engineering Blog (https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckP= bs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3pl3rV1-WJV7CgDf0W4J8XY_6s= 4k6ZVXW65X1_fPk-W3T9yHb1CRshjW5ml-Tl3dcB5vW7Z_rSR45XdHCW2gwKyB71MlwzW1BRKLM= 2kRFh8N8KbnBKX73p9W4BNyDk2s-VVWW2cKzn-2w9LspW6dDRFx5nN1FVN91VKv1pSDJNW5J5g7= P4VMFlpW6QhGrD6nrHX_VlLXKh4l3N3gMMdNvqq4RmlN7gS13DX9KYZW7ZsCkp5vy3DyW7SY64H= 4xLJ5JW65YxMH8sn101N70ZrF05K5xDW1BM3hh63mjh0W24g4X21lhygXW5_10nX94NKVtW8MlL= kw5yrwB8W4JXfJ23-M9LlN4f20BY256stW7sRcHb3yhlyr3hT31 ) Heavy Computation Made Lighter: React Memoization (https://ckPbs04.na1.hubs= potlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ= 3pl3rV1-WJV7CgSH4W8K0yvC5gqB04N83HnN7dS0dqW2xRsbw99cV5GW1BQ2tX8X7DqxW3w02Jp= 8Jq3q6W7p2N2239VMcpW1gWW9W73hrCxMNYw4B9grFJW1vvMj17QLSwXW398Nz33691RBW46BMv= t1b5B_6W3LPnBG7vfSB2Vyg4mp8njL6TW6QMRZQ78J-KGW51ZqJb61_TZ7W2T5v2k4m3YhBW30k= dHk8NWY7FW2JVRWN6phlBNW68Zr2d98y19HW10W65F78rGjwW5zQXlC7l-vwkW8XprxB4m7F6CW= 3DmXYM5rTRN5W6j6Bgl7SR0jqVxKc8M32KPd3W4Ls1bL1Cv540W7Kqg9k7Hz4SJW4nhb81148tx= t378r1 ) pasted_image_0-ac91970b539d586d6fa01ec6ce371da8 (https://ckPbs04.na1.hubspo= tlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3p= l3rV1-WJV7CgSH4W8K0yvC5gqB04N83HnN7dS0dqW2xRsbw99cV5GW1BQ2tX8X7DqxW3w02Jp8J= q3q6W7p2N2239VMcpW1gWW9W73hrCxMNYw4B9grFJW1vvMj17QLSwXW398Nz33691RBW46BMvt1= b5B_6W3LPnBG7vfSB2Vyg4mp8njL6TW6QMRZQ78J-KGW51ZqJb61_TZ7W2T5v2k4m3YhBW30kdH= k8NWY7FW2JVRWN6phlBNW68Zr2d98y19HW10W65F78rGjwW5zQXlC7l-vwkW8XprxB4m7F6CW3D= mXYM5rTRN5W6j6Bgl7SR0jqVxKc8M32KPd3W4Ls1bL1Cv540W7Kqg9k7Hz4SJW4nhb81148txt3= 78r1 ) A one-second delay in load time can result in a 26% drop in conversion rate= s. React memoization is the key to a faster client experience=E2=80=94at th= e slight expense of using more memory. Developers can apply three types of = memoization hooks to their code, depending on which portions of their appli= cations they wish to optimize. Here, Toptal React expert Prateek Karki exam= ines memoization, these React hook types, and when to use them. Continue Reading (https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd= 24cPNHW3NdgT54SJ_LCMVmxWJ3pl3rV1-WJV7CgSH4W8K0yvC5gqB04N83HnN7dS0dqW2xRsbw9= 9cV5GW1BQ2tX8X7DqxW3w02Jp8Jq3q6W7p2N2239VMcpW1gWW9W73hrCxMNYw4B9grFJW1vvMj1= 7QLSwXW398Nz33691RBW46BMvt1b5B_6W3LPnBG7vfSB2Vyg4mp8njL6TW6QMRZQ78J-KGW51Zq= Jb61_TZ7W2T5v2k4m3YhBW30kdHk8NWY7FW2JVRWN6phlBNW68Zr2d98y19HW10W65F78rGjwW5= zQXlC7l-vwkW8XprxB4m7F6CW3DmXYM5rTRN5W6j6Bgl7SR0jqVxKc8M32KPd3W4Ls1bL1Cv540= W7Kqg9k7Hz4SJW4nhb81148txt378r1 ) About the Author prateek-karki (https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmc= L85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3pl3rV1-WJV7CgK4cW18NXZv1b0bNcW1gcvY= 61GwjKfW7Wm9V11GG8gqVD5Xkl234pB3W7QkkN_9h5XnXW7_Xn103p0CxKN237ZPXN8fddVxC7N= B3F60cbW1qtVL13GKdg0VSwM3S7csyJwW4qHydp7KYGBpW3bG-yG60bJPBN6HwC2NwRgRJW3989= kY1RxbQ9W5qKBXc8hlyWNW1Cwj9D8jvRNhW83KZ-W1TjT3SW7yfTVf80cQLgVqkW5l4ZwXN0W7Y= zwjp4p_3nhW136DSl8VkpF7W3q40c384nFGbW5TPm081Z7xyJV3ggMy6tJB25W8rpKQV9bh6rgW= 76G9b97KcbPHW14vGvt6gFLB1W7QGKx716ZgqD3g3P1 ) Prateek Karki (https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmc= L85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3pl3rV1-WJV7CgK4cW18NXZv1b0bNcW1gcvY= 61GwjKfW7Wm9V11GG8gqVD5Xkl234pB3W7QkkN_9h5XnXW7_Xn103p0CxKN237ZPXN8fddVxC7N= B3F60cbW1qtVL13GKdg0VSwM3S7csyJwW4qHydp7KYGBpW3bG-yG60bJPBN6HwC2NwRgRJW3989= kY1RxbQ9W5qKBXc8hlyWNW1Cwj9D8jvRNhW83KZ-W1TjT3SW7yfTVf80cQLgVqkW5l4ZwXN0W7Y= zwjp4p_3nhW136DSl8VkpF7W3q40c384nFGbW5TPm081Z7xyJV3ggMy6tJB25W8rpKQV9bh6rgW= 76G9b97KcbPHW14vGvt6gFLB1W7QGKx716ZgqD3g3P1 ) Senior React Engineer Prateek is a React developer with more than seven years of experience in we= b development. An expert in delivering top-tier user experience through the= union of engineering and design, he has worked on enterprise-scale solutio= ns in diverse industries for companies including Fresh Tracks Canada and Op= en Learning Exchange. Hire Prateek (https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd= 24cPNHW3NdgT54SJ_LCMVmxWJ3pl3rV1-WJV7CgK4cW18NXZv1b0bNcW1gcvY61GwjKfW7Wm9V1= 1GG8gqVD5Xkl234pB3W7QkkN_9h5XnXW7_Xn103p0CxKN237ZPXN8fddVxC7NB3F60cbW1qtVL1= 3GKdg0VSwM3S7csyJwW4qHydp7KYGBpW3bG-yG60bJPBN6HwC2NwRgRJW3989kY1RxbQ9W5qKBX= c8hlyWNW1Cwj9D8jvRNhW83KZ-W1TjT3SW7yfTVf80cQLgVqkW5l4ZwXN0W7Yzwjp4p_3nhW136= DSl8VkpF7W3q40c384nFGbW5TPm081Z7xyJV3ggMy6tJB25W8rpKQV9bh6rgW76G9b97KcbPHW1= 4vGvt6gFLB1W7QGKx716ZgqD3g3P1 ) Other Recommended Articles - React Router Tutorial: Redirect Like a Pro (https://ckPbs04.na1.hubspotli= nks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3pl3r= V1-WJV7CgQh1W5JSv8N8PTKBWW2h7Grz3P-0tBVryq-P4MkDrRN4J17yK8nhJlW51G1lp72bNYJ= W77X8p66d3Kh3W5BX5jq4twK2zW7Y0twx64XV3pW4gRhfm2RqKDKW4Pycm-62FN2ZW7bDWR41V5= TZWW64gckP6-T4NQW8jcjt21JjzDbW30FTwC31Q9cdW4MmSVL10dCGlW5GMBmZ6dr9v-W1d9BW7= 92qzM6VKC8415Pf83PW7TtXj998KQPCW5WfyCK5bFBqxW57DM4s9lrKXyW53n8Rm7lX2ltW3Jy2= XS8yDDcVW7H0PR-26V9BTW8sjcrm1HMDN3W8Mzkbl2XfGymN2p3PfYpJnVdW1y8k9H8_nNb-32c= Q1 ) - Navigating the React.js Ecosystem (https://ckPbs04.na1.hubspotlinks.com/C= tc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxW_3pl3LV1-WJV7Cg= V1TMc8l5n9SgZgW9j2cqC5QjfWlW8kD2JH4YPn_cVfYbg51h8mz0W4z8wBh7Km59ZW74cKvY4ts= dtDW6WgbNB3_prKLW18BM4D27hPkRW2RxMQw8CsgdKW7p86F370yF8GW3xW0RP5-MFSwN99c-WP= 6JPkKW3Lfmz064gPnVVTVcMj2TvlXRW2JThc080JMBLW3Mt9K76BwGPxMmKlBBzRMYLW2cKwGP7= jsdGxN8-YGyJZKjkbW3DjkyX29_qHMW7nhGLN11_5ZjW75VnBk889ZS9W3YFXLk4SXPW_W89Vyx= F8mbS3ZW8lPsLr3Nj5JTW6kJRkN52bnd9W834YlQ3b523fW3_8flD3R3HQRW1-dDHB25fS6bW6Z= HWpG7nq9k133Rj1 ) - Efficient React Components: A Guide to Optimizing React Performance (http= s://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPN= HW3NdgT54SJ_LCMVmxW_3pl3LV1-WJV7CgGW_W3NzlK33_kz2SW1VbjCl3RTWmvW2WfnFZ6xJj6= 0W2bk7Tx2K4VQmW8D9nry14r0J6W3p6y5x2NSFpkW3BmBRj3N09CJW3SrpM-3yBr4wW1ln9q_5m= fK2mW3qFvWG8qNgjkW6t9S2m65Sb5gW2-0T0h5RFw4tW3bvgHQ8d10nmW82zNP75fttBJW8xZP8= H3qw2YrW5xLp3W1gvW01N5qSXjyn3WHKN79MGh6StTchW2bkFMY8nTxD0W3d7Z4T1mDj8JW4Ps8= 4w5c-5CxN1Zr55jTzSBCW5msL-z3G_BRKW2hzc364yHVnkW1yTJyv2KchJ8W1FslVP5WKk0HVzc= qhW152NSJW8KGtN88pC72sW2vXwCR97pV3TW6Jmv4T92_TMr38DG1 ) - React Tutorial: How It Compares to Angular and Vue (https://ckPbs04.na1.hub= spotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxW= J3pl3rV1-WJV7CgJ1CW6pg-4Y3GdnkMW1mpSxP618QqcW7MtWKn6R8qqlW8nyXdK18lS_KW4Pdq= G27dQb2mW32lwFx4RvzHYW824qZZ1vCy_hW15y9yt7MX75cN7bH2V2MLLDqW67V09G7kVS5TW3T= Bggp4JhwhgW6JBXWc572ST-W8Vg5R01STqnRW13Z0Q_1blZt3W9jbTkg2BtJb_W8pbyK17b7sV8= W1MdLyk3zBPQsN5nVFpcCcLzmW2Ghk3T1ZgWjfW1WhsN36rjz0yW5lH3Fl2nJbsbVnDVSL8zG-k= TN7273dN1T0sJW7DJZq816pYhQW84tLzf3_P4W4W4wrl7X8LVDgXN4KVLWNyTrSNW79wvQt3Ly0= WZ32Pg1 ) - React Tutorial: Components, Hooks, and Performance (https://ckPbs04.na1.h= ubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVm= xWJ3pl3rV1-WJV7CgXg0W4tFlsT65Rps7V-7vzV6RrVgMW7DxrYD60dQdKVyhT3n37lcj9N3mJW= VdJgZ_2W7WXJ741wDgCxN2t_TgW5nXHQW5_7TNT2RxvPLVtBVWG1ZnYmdW1x5qV56SxWxkW229X= sy2YcyxmW87WqMk4-7RypVVy90Q124wK9W8xRd7r8s1-PhW58Dc2s2_3L5hW18W2gH3R4wWLVkB= 12M4zdxb4N9b5QGshCzkMW2BS7KP695Q1XW2GvY0r5LnSvtW97QYMj7c3Z55W22zzh92rRSHWN7= K9kb7BQtKfW5_49db2mP6qmVgrBfw8CKj9JW3QtB027ghPLDW6ZVdFH551C3LW96RSBN8cVLTP3= njY1 ) FOLLOW US: Facebook (https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr= 1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWp3pl37V1-WJV7CgLcbW4BVJHG7bDD33W3gVYbx2NZ3= mqW50HNJD9bMNsGW1QqDq18slhc2W2HwSL04RGGt_VJZ8v_2p8CbmW2M4KhZ531DL_W7yTz8Q44= FYTnW7qKhm58McbmGW8nNL39435h0tN5MYSc5DLc1-W5RLtqP9dQgn8W5G-WR-29LmTzW6wvPJ7= 2HZn9LW9cJ1pn3YgRVWW1zrf8S7vbnFVW3l8KNK34DxXzW2xXFsf1_D09SW5gRrS2925_JDW118= zHq2GHV_cW8S8S0Q11tQYLW8Y78fc4kl9m1V7WcGW1QK989W9f3qHV7hhDHqW4P1JHJ5B8p_4W2= WtG-y5K55CP36221 ) LinkedIn (https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr= 1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3pl3rV1-WJV7CgBfmVsZz03731BQxW3kZjSz69Ncw= PN5xW0kjFfdV4W3PCYtt6MfMmLVs_qtt7NG9VMN70vzgXdHQ6qW1Fg6v17HWQ_4W8n68kW6h3T2= 6MtB7hVV52sXW4cwWr62D2HHbW8gG_w47l-3PJVgDmQd4y8FrwW2x-Y3f41GfdQW8MyHtp69P8-= VW5T08bt2jYHt1W1tV3w32Zn01lW4b9yXF140pztW1jCps35_DxWZW5J_zYh1Dp7HHW4HQF-337= Y501W8P_DXR3rw1kTW3XPjBb4pWBB-N193lzLrSrg3W8QdgCW9hj1mpW5JFthT6ZHnyvN2xnkVC= 7Gz1nW2gDbHv2nRm99VKfR6j37pTBY34n41 ) Twitter (https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1= kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWp3pl37V1-WJV7CgN8CW53YDkY2TfXp3W3pgZ6j2k1fm= jV74PZ86yZnjsW6HSgqV1k_WXtW5_6-N35fZsltW8DRM873KwCV-W2_TH721tKsR0W5Mx8bb62P= Zk2W43HSrx6_jy_8W17Nd522HTv9YW3dRFzK74_hnsW2pv4jx5Jx4L_W95BWhP5K7Vn6W2ZzQLT= 6knrs9N2Wfl52GF52hW8Z4HTF6HvsFZVySGYS1rM-rqVmr2fX1klwN4W5YSHnJ2LTmpLW98y8yF= 1mhLKhW4YBN2x6LJ3n8W9jMhjq7SK98QW7zf2fM3FnnYtW7wkxnr58kQG9W35mMxK1bDYn7W4-5= jJx5rmDgs35HC1 ) Instagram (https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Y= r1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWp3pl37V1-WJV7CgGplW7g-3xB6KHgdkW5Smp-07hd= T6CW50Ztqf4YMPcfW4_kSZ76yP9z4W3HS3gX57J7hvW6jBb1P33mq2sW3SnLsK4dNJL1W1KbnhG= 5h_6B_VZVcJ65zDpJ9W3mWr-_1_RQvJW3QwsJJ6-hF2DW2m6VXV3SZBSNW8t6zSB3kPG2DW7D9y= hk7fNbZ0W3-ZDB_5n0NHcW6-ns1B56k32zW6Wqk_m3qSQb3W4d1X9w70ftqJN7yzH6BNJRgDW64= BRG6860kppW8PrqGB1nYKYQW8pnTqX5gYF9WVJCZ0b3Jl2PkVz80HZ7HxHpmVSDWzk5Pkxj5W4w= 9khf1W_fX33bvn1 ) Toptal, LLC, 2810 N. Church Street #36879, Wilmington, Delaware 19802-4447,= United States Unsubscribe (https://hs-2799924.s.hubspotemail.net/hs/manage-preferences/un= subscribe-all?languagePreference=3Den&d=3DVnhr-s8TP-CYW127l_x3zdYBgW3H6wfV4= fDXZmW3K9dF-3K9F8mW4cg8wC3NqGgNN2RbgDRQtLdMW6tdx4h7qfNqDVDgxjf5ZmDVDW8rhB0H= 5Bd_4xN7nYn3r1yf0NW30mvg05TVtqRW73PCPl3y6wxcn7sl3r12K3&v=3D3&_hsenc=3Dp2ANq= tz-83lcDBUIYD4vbhhY_5DoZwLq0slU_dHqDO2a7PKqj-3m_I9UPdcRjNxo6o4BEgRPlLnmbX8E= u3OzzeVEm-cwlESQKzpaHSghE3TD81masralBtb_I&_hsmi=3D234982650 ) Manage preferences (https://hs-2799924.s.hubspotemail.net/hs/manage-prefere= nces/unsubscribe?languagePreference=3Den&d=3DVnhr-s8TP-CYW127l_x3zdYBgW3H6w= fV4fDXZmW3K9dF-3K9F8mW4cg8wC3NqGgNN2RbgDRQtLdMW6tdx4h7qfNqDVDgxjf5ZmDVDW8rh= B0H5Bd_4xN7nYn3r1yf0NW30mvg05TVtqRW73PCPl3y6wxcn7sl3r12K3&v=3D3&_hsenc=3Dp2= ANqtz-83lcDBUIYD4vbhhY_5DoZwLq0slU_dHqDO2a7PKqj-3m_I9UPdcRjNxo6o4BEgRPlLnmb= X8Eu3OzzeVEm-cwlESQKzpaHSghE3TD81masralBtb_I&_hsmi=3D234982650 ) ------=_Part_11034407_1783888315.1669183428222 Content-Type: text/html; charset="utf-8" Content-Transfer-Encoding: quoted-printable <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www= .w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=3D"http://www.w3= .org/1999/xhtml" xmlns:o=3D"urn:schemas-microsoft-com:office:office" xmlns:= v=3D"urn:schemas-microsoft-com:vml" lang=3D"en"><head> <title>Heavy Computation Made Lighter: React Memoization</title> <meta property=3D"og:title" content=3D"Heavy Computation Made Lighter: = React Memoization"> <meta name=3D"twitter:title" content=3D"Heavy Computation Made Lighter:= React Memoization"> =20 =20 =20 <meta name=3D"x-apple-disable-message-reformatting"> <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3DUTF-8"> <meta http-equiv=3D"X-UA-Compatible" content=3D"IE=3Dedge"> <meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=3D1.= 0"> <!--[if gte mso 9]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> =20 <style> ul > li { text-indent: -1em; } </style> <![endif]--> <!--[if mso]> <style type=3D"text/css"> body, td {font-family: Arial, Helvetica, sans-serif;} </style> <![endif]--> =20 =20 =20 <meta name=3D"generator" content=3D"HubSpot"><meta property=3D"og:url" co= ntent=3D"http://toptal-2799924.hs-sites.com/-temporary-slug-39451031-71c9-4= 71f-aecf-8f1691915071"><meta name=3D"robots" content=3D"noindex,follow"><!-= -[if !((mso)|(IE))]><!-- --><style type=3D"text/css">.moz-text-html .hse-co= lumn-container{max-width:600px !important;width:600px !important} .moz-text-html .hse-column{display:table-cell;vertical-align:top}.moz-text-= html .hse-section .hse-size-4{max-width:200px !important;width:200px !impor= tant} .moz-text-html .hse-section .hse-size-8{max-width:400px !important;width:40= 0px !important} .moz-text-html .hse-section .hse-size-12{max-width:600px !important;width:6= 00px !important} [owa] .hse-column-container{max-width:600px !important;width:600px !importa= nt}[owa] .hse-column{display:table-cell;vertical-align:top} [owa] .hse-section .hse-size-4{max-width:200px !important;width:200px !impo= rtant} [owa] .hse-section .hse-size-8{max-width:400px !important;width:400px !impo= rtant} [owa] .hse-section .hse-size-12{max-width:600px !important;width:600px !imp= ortant} @media only screen and (min-width:640px){.hse-column-container{max-width:60= 0px !important;width:600px !important} .hse-column{display:table-cell;vertical-align:top}.hse-section .hse-size-4{= max-width:200px !important;width:200px !important} .hse-section .hse-size-8{max-width:400px !important;width:400px !important}= .hse-section .hse-size-12{max-width:600px !important;width:600px !important= } }@media only screen and (max-width:639px){img.stretch-on-mobile,.hs_rss_ema= il_entries_table img,.hs-stretch-cta .hs-cta-img{height:auto !important;wid= th:100% !important} .display_block_on_small_screens{display:block}.hs_padded{padding-left:20px = !important;padding-right:20px !important} ul,blockquote{margin:0;padding:1em 40px}}@media screen and (max-width:639px= ){.social-network-cell{display:inline-block} }</style><!--<![endif]--><style type=3D"text/css">body[data-outlook-cycle] = img.stretch-on-mobile,body[data-outlook-cycle] .hs_rss_email_entries_table = img{height:auto !important;width:100% !important} body[data-outlook-cycle] .hs_padded{padding-left:20px !important;padding-ri= ght:20px !important} a[x-apple-data-detectors]{color:inherit !important;text-decoration:none !im= portant;font-size:inherit !important;font-family:inherit !important;font-we= ight:inherit !important;line-height:inherit !important} #outlook a{padding:0}.yshortcuts a{border-bottom:none !important}a{text-dec= oration:underline} .ExternalClass{width:100%}.ExternalClass,.ExternalClass p,.ExternalClass td= ,.ExternalClass div,.ExternalClass span,.ExternalClass font{line-height:100= %} p{margin:0}body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-we= bkit-font-smoothing:antialiased;moz-osx-font-smoothing:grayscale} @media only screen and (max-width:639px){img.stretch-on-mobile,.hs_rss_emai= l_entries_table img,.hs-stretch-cta .hs-cta-img{height:auto !important;widt= h:100% !important} }@media only screen and (max-width:639px){img.stretch-on-mobile,.hs_rss_ema= il_entries_table img,.hs-stretch-cta .hs-cta-img{height:auto !important;wid= th:100% !important} }</style></head> <body bgcolor=3D"#FAFAFA" style=3D"margin:0 !important; padding:0 !import= ant; font-family:Arial, sans-serif; font-size:16px; color:#455065; word-bre= ak:break-word"> =20 <div id=3D"preview_text" style=3D"display:none!important;font-size:1px;colo= r:#FAFAFA;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:h= idden;">React memoization provides render component caching to reduce unnec= essary component computation and improve application performance.</div> =20 <!--[if gte mso 9]> <v:background xmlns:v=3D"urn:schemas-microsoft-com:vml" fill=3D"t"> =20 <v:fill type=3D"tile" size=3D"100%,100%" color=3D"#FAFAFA"/> =20 </v:background> <![endif]--> <div class=3D"hse-body-background" style=3D"background-color:#fafafa" b= gcolor=3D"#fafafa"> <table role=3D"presentation" class=3D"hse-body-wrapper-table" cellpad= ding=3D"0" cellspacing=3D"0" style=3D"border-spacing:0 !important; border-c= ollapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; margin:0; pad= ding:0; width:100% !important; min-width:320px !important; height:100% !imp= ortant" width=3D"100%" height=3D"100%"> <tbody><tr> <td class=3D"hse-body-wrapper-td" valign=3D"top" style=3D"border-= collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-se= rif; font-size:16px; color:#455065; word-break:break-word"> <div id=3D"hs_cos_wrapper_main" class=3D"hs_cos_wrapper hs_cos_= wrapper_widget hs_cos_wrapper_type_dnd_area" style=3D"color: inherit; font-= size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widget" d= ata-hs-cos-type=3D"dnd_area"> <div id=3D"section-0" class=3D"hse-section h= se-section-first" style=3D"padding-left:10px; padding-right:10px; padding-t= op:20px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#0F256E; background-image:url(= 'https://hs-2799924.f.hubspotemail.net/hub/2799924/hubfs/BG_header_Toptal.p= ng'); background-position:center; background-repeat:repeat; padding-bottom:= 10px; padding-top:10px" bgcolor=3D"#0F256E"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#0F256E"> <tr style=3D"background-color:#0F256E; background-image:url('https://= f.hubspotusercontent20.net/hubfs/2799924/BG_header_Toptal.png'); background= -position:center; background-repeat:repeat;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;padding-bottom:10px; padding-top:= 10px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column-0-0" class=3D"hse-column hse-size-12"> <div id=3D"hs_cos_wrapper_module_164190601201333" class=3D"hs_cos_wrapper= hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit;= font-size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"wid= get" data-hs-cos-type=3D"module"> =09 <table class=3D"hse-image-wrapper" role=3D"presentation" width=3D"100%" cel= lpadding=3D"0" cellspacing=3D"0" style=3D"border-spacing:0 !important; bord= er-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt"> <tbody> <tr> <td align=3D"left" valign=3D"top" style=3D"border-collapse:coll= apse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; color:#4= 55065; word-break:break-word; text-align:left; padding:7px 25px; font-size:= 0px"> =20 <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+1= 13/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3q90JV1-WJV7CgMBcW4m= lq3j6YfW5PVwS_279hskJxN3w3JRFfK8c-W9cxxkv8l-pfsW80FkXw8Fzp0WVkyvwB49JX2KW8h= 5fz15byPl-N3-hh7LkwHHdW51zywr8W9ZdKW5nJnd-8bRw_tN5T7NCS3V6hWW84h0j53-m5_WW7= pQDCV5J5m01W9g0Wsl7NGqlsW7MrqyT5HLQ0HW4k0qYx3K_hfDW2jwq7L86KdQ8VRHtgT3zqTtk= W6j0JyT8FZpPxW3rgYXH6NKgMMW4Zbxc15Xkzc7W6pBbnD4jMC5nVMp68N19hGhqN92n4Xdj6PC= gW6l2CDt393B7dW6tMyD4352PJ1W1ytjV61hTqYQV-l5wb55xyFm3qnp1" target=3D"_blank= " style=3D"color:#00a4bd; mso-line-height-rule:exactly" data-hs-link-id=3D"= 0"> =20 <img alt=3D"Toptal Engineering Blog" src=3D"https://hs-2799= 924.f.hubspotemail.net/hub/2799924/hubfs/Wordmark_Lockups-Engineering-1.png= ?width=3D628&upscale=3Dtrue&name=3DWordmark_Lockups-Engineering-1.p= ng" style=3D"outline:none; text-decoration:none; -ms-interpolation-mode:bic= ubic; border:none; max-width:100%; font-size:16px" width=3D"314" align=3D"m= iddle" class=3D"stretch-on-mobile" srcset=3D"https://hs-2799924.f.hubspotem= ail.net/hub/2799924/hubfs/Wordmark_Lockups-Engineering-1.png?upscale=3Dtrue= &width=3D628&upscale=3Dtrue&name=3DWordmark_Lockups-Engineering= -1.png 314w, https://hs-2799924.f.hubspotemail.net/hub/2799924/hubfs/Wordma= rk_Lockups-Engineering-1.png?upscale=3Dtrue&width=3D1256&upscale=3D= true&name=3DWordmark_Lockups-Engineering-1.png 628w" sizes=3D"(max-widt= h: 314px) 100vw, 314px"> =20 </a> =20 </td> </tr> </tbody> </table></div> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1636747603846" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#ffffff" bgcolor=3D"#ffffff"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#ffffff"> <tr style=3D"background-color:#ffffff;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column_1636747603846_0" class=3D"hse-column hse-size-12"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" = style=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-famil= y:Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; = padding:50px 40px 10px"><div id=3D"hs_cos_wrapper_module_16312137518811" cl= ass=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" sty= le=3D"color: inherit; font-size: inherit; line-height: inherit;" data-hs-co= s-general-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wra= pper_module_16312137518811_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget = hs_cos_wrapper_type_rich_text" style=3D"color: inherit; font-size: inherit;= line-height: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-typ= e=3D"rich_text"><h1 style=3D"margin:0; mso-line-height-rule:exactly; color:= #204ecf; line-height:100%; font-size:34px; text-align:left" align=3D"left">= <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Y= r1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3q90JV1-WJV7CgZvYW6s7cxL7h3rXrW7QF-JM8KT= -Q4W8v45gl26xBR2W6-J2tD6nGlFSW4VNRKh40TZ71W6r9PRj1mX7vPN8vKMW1mY3FVLh-Hcfr1= 4SN3Xj15NhC5D3W3hpCGY5QtzJ2W61SFmR8ySxwtV3d0hY4f962zW2jwKpM7SHgSmW4p6R7k6XM= XZnW7B0y6B1cNtzSW8s2_b33gDp56W1bk0pW7-PlllW7xXNHy3DRSwBW6JQ4J39gLV1YW1n7Lvz= 3rXZ0KN7NmRZ48L1HpW31nmSW48lcD5VyX4kr864KTSW7R6Wlq1_CZ5dW8BPC5M4ySRgRW3cjYM= T6Wl3z_W8--z6j5M4Yv6W1WbNTR366-yH360L1" style=3D"mso-line-height-rule:exact= ly; color:#204ecf; text-decoration:none; font-weight:bold" rel=3D"noopener"= data-hs-link-id=3D"0" target=3D"_blank">Heavy Computation Made Lighter: Re= act Memoization</a></h1></div></div></td></tr></tbody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1631213777578" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#ffffff" bgcolor=3D"#ffffff"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#ffffff"> <tr style=3D"background-color:#ffffff;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column_1631213777578_0" class=3D"hse-column hse-size-12"> <div id=3D"hs_cos_wrapper_module_16312138345612" class=3D"hs_cos_wrapper = hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit; = font-size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widg= et" data-hs-cos-type=3D"module"> =09 <table class=3D"hse-image-wrapper" role=3D"presentation" width=3D"100%" cel= lpadding=3D"0" cellspacing=3D"0" style=3D"border-spacing:0 !important; bord= er-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt"> <tbody> <tr> <td align=3D"center" valign=3D"top" style=3D"border-collapse:co= llapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; color:= #455065; word-break:break-word; text-align:center; padding:30px 26px; font-= size:0px"> =20 <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+1= 13/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3q90JV1-WJV7CgPx4W2w= z7Xc6LMVzpW2TTHZ685mvsNW1vhn9_1bghdMW3tDjDb6fXYpgW5f764t84MkWdW1FbXrp5lX7fB= W4bKFhz3L13G0VW0f4f5FKT4rW2tcl5388dD0MW7x8rXM4jj2MRW2w0FWs8KWplRW66DMt27zMH= 1GW2hFqV08J2BlNN4Y6041qpv6BW4gHmgQ3XRHq4W1CbxYJ7MLj28W96gq0T42Yh24W7sS2NK7m= WC7jW2_zgDz92P4wZW2mcxG54B2G3ZW16tcRd1b-sxjW4zKZYF50VTcrN35GwBMzTT7DW39WfVH= 7W9wZYW8pZc561RRqQpW8XvJKc2wxPZmW83G6Z248r6jvW6DjGxf2NJGB_34C71" target=3D"= _blank" style=3D"color:#00a4bd; mso-line-height-rule:exactly" data-hs-link-= id=3D"1"> =20 <img alt=3D"pasted_image_0-ac91970b539d586d6fa01ec6ce371da8= " src=3D"https://get.toptal.com/hs-fs/hubfs/pasted_image_0-ac91970b539d586d= 6fa01ec6ce371da8.png?width=3D1096&upscale=3Dtrue&name=3Dpasted_imag= e_0-ac91970b539d586d6fa01ec6ce371da8.png" style=3D"outline:none; text-decor= ation:none; -ms-interpolation-mode:bicubic; border:none; max-width:100%; fo= nt-size:16px" width=3D"548" align=3D"middle" class=3D"stretch-on-mobile" sr= cset=3D"https://get.toptal.com/hs-fs/hubfs/pasted_image_0-ac91970b539d586d6= fa01ec6ce371da8.png?upscale=3Dtrue&width=3D1096&upscale=3Dtrue&= name=3Dpasted_image_0-ac91970b539d586d6fa01ec6ce371da8.png 548w, https://ge= t.toptal.com/hs-fs/hubfs/pasted_image_0-ac91970b539d586d6fa01ec6ce371da8.pn= g?upscale=3Dtrue&width=3D2192&upscale=3Dtrue&name=3Dpasted_imag= e_0-ac91970b539d586d6fa01ec6ce371da8.png 1096w" sizes=3D"(max-width: 548px)= 100vw, 548px"> =20 </a> =20 </td> </tr> </tbody> </table></div> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1641906398589" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#ffffff" bgcolor=3D"#ffffff"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#ffffff"> <tr style=3D"background-color:#ffffff;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column_1641906398589_0" class=3D"hse-column hse-size-12"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" = style=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-famil= y:Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; = padding:5px 40px 10px"><div id=3D"hs_cos_wrapper_module-4-0-0" class=3D"hs_= cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"colo= r: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-= type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapper_modul= e-4-0-0_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type= _rich_text" style=3D"color: inherit; font-size: inherit; line-height: inher= it;" data-hs-cos-general-type=3D"widget" data-hs-cos-type=3D"rich_text"><p = style=3D"mso-line-height-rule:exactly; line-height:125%">A one-second delay= in load time can result in a 26% drop in conversion rates. React memoizati= on is the key to a faster client experience=E2=80=94at the slight expense o= f using more memory. Developers can apply three types of memoization hooks = to their code, depending on which portions of their applications they wish = to optimize. Here, Toptal React expert Prateek Karki examines memoization, = these React hook types, and when to use them.</p></div></div></td></tr></tb= ody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1631213751899" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#ffffff; padding-bottom:10px; = padding-top:10px" bgcolor=3D"#ffffff"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#ffffff"> <tr style=3D"background-color:#ffffff;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;padding-bottom:10px; padding-top:= 10px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column_1631213751899_0" class=3D"hse-column hse-size-12"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" = style=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-famil= y:Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; = padding:20px 40px"><div id=3D"hs_cos_wrapper_module_163666093081513" class= =3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style= =3D"color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-= general-type=3D"widget" data-hs-cos-type=3D"module"> =20 <table align=3D"center" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" = role=3D"presentation" style=3D"border-spacing:0 !important; mso-table-lspac= e:0pt; mso-table-rspace:0pt; border-collapse:separate!important"> <tbody><tr> <!--[if mso]> <td align=3D"center" valign=3D"middle" bgcolor=3D"#204ECF" role=3D"pr= esentation" valign=3D"middle" style=3D"border-radius:4px;cursor:auto;backg= round-color:#204ECF;padding:12px 18px;"> <![endif]--> <!--[if !mso]><!-- --> <td align=3D"center" valign=3D"middle" bgcolor=3D"#204ECF" role=3D"pr= esentation" style=3D"border-collapse:collapse; mso-line-height-rule:exactly= ; font-family:Arial, sans-serif; font-size:16px; color:#455065; word-break:= break-word; border-radius:4px; cursor:auto; background-color:#204ECF"> <!--<![endif]--> <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/V= WSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3q90JV1-WJV7Cg-y5W42b6WM4FH45XW9= bjFgP3fn96JV7Dhv-5WhP3nW58jngx66jCGjW6LgK2D6bx1zlW5TrBbX1h4cVcW3_Gm6n5wV2GX= W4W1wT18zVMg3W2pd_M66p7njCW5fvZNC1MTXnGW3f-SZV44qJmLW50_ZK23x6NRhW6t3kHw2p2= BkmW1pb_N21_5lkTW88pB6l5rzcjLW4xP7LB929lsLW1gJjCh7kzc9fW1tVHtM83BL9qW2DfphB= 7dgK7JV-rrJN6XbjqWW2_G7qx8HvVYgW8lvRZ_7gwtkRW8ffv962GVKx2W2_KJgz1N5kgDW8BgL= hQ6_V0V7W4d01sW8yQLGPW8ZPxjC99N7PMW8Nz5LT8sy2t734XK1" target=3D"_blank" sty= le=3D"color:#00a4bd; mso-line-height-rule:exactly; font-size:16px; font-fam= ily:Arial, sans-serif; Margin:0; text-transform:none; text-decoration:none;= padding:12px 18px; display:block" data-hs-link-id=3D"2"> <strong style=3D"color:#FFFFFF;font-weight:normal;text-decoration= :none;font-style:normal;">Continue Reading</strong> </a> </td> </tr> </tbody></table> </div></td></tr></tbody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1636660294371" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#ffffff" bgcolor=3D"#ffffff"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#ffffff"> <tr style=3D"background-color:#ffffff;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column_1636660294371_0" class=3D"hse-column hse-size-12"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td style=3D"border-coll= apse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif;= font-size:16px; color:#455065; word-break:break-word; padding:20px 0px"><d= iv id=3D"hs_cos_wrapper_module_16366602655442" class=3D"hs_cos_wrapper hs_c= os_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit; font= -size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widget" = data-hs-cos-type=3D"module"> <!--[if gte mso 9]> <div style=3D"line-height: 0; font-size: 0px"> <v:rect xmlns:v=3D"urn:schemas-microsoft-com:vml" fill=3D"true" stroke=3D= "false" style=3D"width:600px; height:2pt;" fillcolor=3D"none"> <v:fill type=3D"tile"/> <v:textbox inset=3D"0,0,0,0"> <div> <![endif]--> <table role=3D"presentation" width=3D"100%" align=3D"center" border=3D"0" s= tyle=3D"position:relative; top:-1px; min-width:20px; width:100%; max-width:= 100%; border-spacing:0; mso-table-lspace:0pt; mso-table-rspace:0pt; border-= collapse:collapse; font-size:1px"> <tbody><tr> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 =20 <td width=3D"94%" valign=3D"middle" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word; line-height:0; border:transparent; = border-bottom:1px solid #204ECF; mso-border-bottom-alt:2pt solid #204ECF; b= order-bottom-width:1px"> </td> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 </tr> </tbody></table> <!--[if gte mso 9]></div></v:textbox></v:rect></div><![endif]--></div></td>= </tr></tbody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1641852041544" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#ffffff" bgcolor=3D"#ffffff"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#ffffff"> <tr style=3D"background-color:#ffffff;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column_1641852041544_0" class=3D"hse-column hse-size-12"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" = style=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-famil= y:Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; = padding:10px 20px"><div id=3D"hs_cos_wrapper_module_16418455844302" class= =3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style= =3D"color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-= general-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapp= er_module_16418455844302_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget hs= _cos_wrapper_type_rich_text" style=3D"color: inherit; font-size: inherit; l= ine-height: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type= =3D"rich_text"><h3 style=3D"margin:0; mso-line-height-rule:exactly; font-si= ze:24px; line-height:125%"><span style=3D"color: #262d3d;">About the Author= </span></h3></div></div></td></tr></tbody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1639730761094" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#ffffff" bgcolor=3D"#ffffff"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#ffffff"> <tr style=3D"background-color:#ffffff;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:200px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"200" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:200px"> <![endif]--> <div id=3D"column_1639730761094_0" class=3D"hse-column hse-size-4"> <div id=3D"hs_cos_wrapper_module_16366604924423" class=3D"hs_cos_wrapper = hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit; = font-size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widg= et" data-hs-cos-type=3D"module"> =09 <table class=3D"hse-image-wrapper" role=3D"presentation" width=3D"100%" cel= lpadding=3D"0" cellspacing=3D"0" style=3D"border-spacing:0 !important; bord= er-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt"> <tbody> <tr> <td align=3D"left" valign=3D"top" style=3D"border-collapse:coll= apse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; color:#4= 55065; word-break:break-word; text-align:left; padding:10px 26px; font-size= :0px"> =20 <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+1= 13/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3q90JV1-WJV7CgCsLW2Y= _2Sj8bGthDVvV4Kv17b9CXVxvpr53_SMvyW77wc7v4QyvMbW1wL91K2y5yMfW3vfszn8lRZT9W4= HQHYp9jX_LkW4HFBK_8g6pM6W4jhWc-54PsGdW7jcN656cpVPsW5vdKQS9f97FqW1_4KjM37kYL= 9W92RggV5LGXXsW4fRTQy8BH8VMVkRF3y7Nmvc_W7xR19G6PWdVkF4y2Gg3mcvZW3Wht4v1WKjM= _W9cLDyb1H-sX3W3Vjq1q27QJRXW7zXfnh8M9T-bW5RDxwP7wy2S8W3fvftq27fwrtW1TCXL586= TqPXW379Sms7BkWkjVP5jhh5LbQLXVFSYx85cZfmlW5GmQrj21KSWy39RS1" target=3D"_bla= nk" style=3D"color:#00a4bd; mso-line-height-rule:exactly" data-hs-link-id= =3D"0"> =20 <img alt=3D"prateek-karki" src=3D"https://get.toptal.com/hs= -fs/hubfs/prateek-karki.png?width=3D296&upscale=3Dtrue&name=3Dprate= ek-karki.png" style=3D"outline:none; text-decoration:none; -ms-interpolatio= n-mode:bicubic; border:none; max-width:100%; font-size:16px" width=3D"148" = align=3D"middle" srcset=3D"https://get.toptal.com/hs-fs/hubfs/prateek-karki= .png?upscale=3Dtrue&width=3D296&upscale=3Dtrue&name=3Dprateek-k= arki.png 148w, https://get.toptal.com/hs-fs/hubfs/prateek-karki.png?upscale= =3Dtrue&width=3D592&upscale=3Dtrue&name=3Dprateek-karki.png 296= w" sizes=3D"(max-width: 148px) 100vw, 148px"> =20 </a> =20 </td> </tr> </tbody> </table></div> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:400px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"400" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:400px"> <![endif]--> <div id=3D"column_1639730761094_1" class=3D"hse-column hse-size-8"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" = style=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-famil= y:Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; = padding:10px 20px 0px"><div id=3D"hs_cos_wrapper_module_16366606346575" cla= ss=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" styl= e=3D"color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos= -general-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrap= per_module_16366606346575_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget h= s_cos_wrapper_type_rich_text" style=3D"color: inherit; font-size: inherit; = line-height: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type= =3D"rich_text"><h2 style=3D"margin:0; mso-line-height-rule:exactly; color:#= 262d3d; line-height:115%; font-size:16px"><span style=3D"color: #262d3d;"><= a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr= 1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3q90JV1-WJV7CgMdzW35QsyK99345JW13gRl080q9= 6NW2HRD3N8sK0xsN6x4ZR1qZ7PKVnnQns1q3zQ3W3RV2Lc4gsFfMW8y2xPK1TH139W6hx5rK7gp= 825W3vrv-64_ZnszW2ZJkNS9jLVH9W4WhvWX2dQkqYW5fN9BM3dgL4CW1_rnS69fhkTjN1MBZWw= P7BGGV4YTN764ZJdtMpP9Wy-SgMKN47YK23LcpH0W3tbs8p35CPmdW1t0G8587lL3pVHf86t7wC= 0X-W4kf-zD6jR1jpW8XWzlv7--hghVbGSYy2S9G28W63vHSy5R_n65N2nczFdXn1wVW8j0pzp1R= -cCfW5r5GVH33xnTTW6VDt5G7bPvx23jTw1" style=3D"mso-line-height-rule:exactly;= text-decoration:none; font-weight:bold; color:#262d3d" rel=3D"noopener" da= ta-hs-link-id=3D"1" target=3D"_blank">Prateek Karki</a></span></h2></div></= div></td></tr></tbody></table> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D"1= 00%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-ta= ble-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" st= yle=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-family:= Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; pa= dding:0px 20px 10px"><div id=3D"hs_cos_wrapper_module_16418515917404" class= =3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style= =3D"color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-= general-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapp= er_module_16418515917404_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget hs= _cos_wrapper_type_rich_text" style=3D"color: inherit; font-size: inherit; l= ine-height: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type= =3D"rich_text"><h2 style=3D"margin:0; mso-line-height-rule:exactly; color:#= 262d3d; line-height:115%; font-size:16px; font-weight:normal">Senior React = Engineer</h2></div></div></td></tr></tbody></table> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D"1= 00%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-ta= ble-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" st= yle=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-family:= Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; pa= dding:0px 20px"><div id=3D"hs_cos_wrapper_module_16312075251915" class=3D"h= s_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"co= lor: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-genera= l-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapper_mod= ule_16312075251915_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_w= rapper_type_rich_text" style=3D"color: inherit; font-size: inherit; line-he= ight: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type=3D"ric= h_text"><p style=3D"mso-line-height-rule:exactly; line-height:125%; font-si= ze:14px">Prateek is a React developer with more than seven years of experie= nce in web development. An expert in delivering top-tier user experience th= rough the union of engineering and design, he has worked on enterprise-scal= e solutions in diverse industries for companies including Fresh Tracks Cana= da and Open Learning Exchange.</p></div></div></td></tr></tbody></table> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D"1= 00%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-ta= ble-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" st= yle=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-family:= Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; pa= dding:10px 20px"><div id=3D"hs_cos_wrapper_module_16372683215061" class=3D"= hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"c= olor: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-gener= al-type=3D"widget" data-hs-cos-type=3D"module"> =20 <table align=3D"left" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" ro= le=3D"presentation" style=3D"border-spacing:0 !important; mso-table-lspace:= 0pt; mso-table-rspace:0pt; border-collapse:separate!important"> <tbody><tr> <!--[if mso]> <td align=3D"center" valign=3D"middle" bgcolor=3D"#ffffff" role=3D"pr= esentation" valign=3D"middle" style=3D"border-radius:4px;cursor:auto;backg= round-color:#ffffff;border:1px solid #204ecf;box-sizing:border-box;padding:= 12px 18px;"> <![endif]--> <!--[if !mso]><!-- --> <td align=3D"center" valign=3D"middle" bgcolor=3D"#ffffff" role=3D"pr= esentation" style=3D"border-collapse:collapse; mso-line-height-rule:exactly= ; font-family:Arial, sans-serif; font-size:16px; color:#455065; word-break:= break-word; border-radius:4px; cursor:auto; background-color:#ffffff; borde= r:1px solid #204ecf; box-sizing:border-box"> <!--<![endif]--> <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/V= WSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3q90JV1-WJV7CgH88W58Jltb1lKNv9W3= MfvBZ79G5njW78hPgW7fvvhRW3bzHcb1YcxDxW1m8F-72RX_QNW6gJwXy6wL4cfVHrdkY7f51mS= W8MpHB72c9X3bW4s_jhL3xLhCMW5DwZ9Z14-XDfW3p0Cvr8sXDqfW4V3fmf6WL8rzW40CZWC3XL= TkhL-60_ByGftN80l4-dtcj0LW8KQ0HD3dX_gBW7wDPTn8hs4mKW2cpFnm7QY0-XW6MlJNx9jkp= c4W1bdFy14rdb4kW66ZvlQ6MrhYlW54DTrC8wtGV9W8mvBNs5mYcZ1VsFzp92MNcXVW4yd18x5Y= JVJZW4h92zw4KVTNWW5ny_Th38ZYZ3W8wD-Hg8n17TG3drP1" target=3D"_blank" style= =3D"color:#00a4bd; mso-line-height-rule:exactly; font-size:16px; font-famil= y:Arial, sans-serif; Margin:0; text-transform:none; text-decoration:none; p= adding:12px 18px; display:block" data-hs-link-id=3D"2"> <strong style=3D"color:#204ecf;font-weight:normal;text-decoration= :none;font-style:normal;">Hire Prateek</strong> </a> </td> </tr> </tbody></table> </div></td></tr></tbody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1639730823769" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#ffffff" bgcolor=3D"#ffffff"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#ffffff"> <tr style=3D"background-color:#ffffff;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column_1639730823780_0" class=3D"hse-column hse-size-12"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td style=3D"border-coll= apse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif;= font-size:16px; color:#455065; word-break:break-word; padding:20px 0px"><d= iv id=3D"hs_cos_wrapper_module_16418520440745" class=3D"hs_cos_wrapper hs_c= os_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit; font= -size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widget" = data-hs-cos-type=3D"module"> <!--[if gte mso 9]> <div style=3D"line-height: 0; font-size: 0px"> <v:rect xmlns:v=3D"urn:schemas-microsoft-com:vml" fill=3D"true" stroke=3D= "false" style=3D"width:600px; height:2pt;" fillcolor=3D"none"> <v:fill type=3D"tile"/> <v:textbox inset=3D"0,0,0,0"> <div> <![endif]--> <table role=3D"presentation" width=3D"100%" align=3D"center" border=3D"0" s= tyle=3D"position:relative; top:-1px; min-width:20px; width:100%; max-width:= 100%; border-spacing:0; mso-table-lspace:0pt; mso-table-rspace:0pt; border-= collapse:collapse; font-size:1px"> <tbody><tr> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 =20 <td width=3D"94%" valign=3D"middle" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word; line-height:0; border:transparent; = border-bottom:1px solid #204ECF; mso-border-bottom-alt:2pt solid #204ECF; b= order-bottom-width:1px"> </td> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 </tr> </tbody></table> <!--[if gte mso 9]></div></v:textbox></v:rect></div><![endif]--></div></td>= </tr></tbody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1627349556944" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#ffffff; padding-bottom:50px; = padding-top:20px" bgcolor=3D"#ffffff"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#ffffff"> <tr style=3D"background-color:#ffffff;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;padding-bottom:50px; padding-top:= 20px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column_1627349556944_0" class=3D"hse-column hse-size-12"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" = style=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-famil= y:Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; = padding:10px 20px"><div id=3D"hs_cos_wrapper_module_164185216668417" class= =3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style= =3D"color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-= general-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapp= er_module_164185216668417_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget h= s_cos_wrapper_type_rich_text" style=3D"color: inherit; font-size: inherit; = line-height: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type= =3D"rich_text"><h3 style=3D"margin:0; mso-line-height-rule:exactly; font-si= ze:24px; line-height:125%">Other Recommended Articles</h3></div></div></td>= </tr></tbody></table> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D"1= 00%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-ta= ble-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" st= yle=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-family:= Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; pa= dding:0px 10px"><div id=3D"hs_cos_wrapper_module_162734957341710" class=3D"= hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"c= olor: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-gener= al-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapper_mo= dule_162734957341710_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos= _wrapper_type_rich_text" style=3D"color: inherit; font-size: inherit; line-= height: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type=3D"r= ich_text"><ul style=3D"mso-line-height-rule:exactly; line-height:125%"> <li style=3D"mso-line-height-rule:exactly"><a href=3D"https://ckPbs04.na1.h= ubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVm= xWJ3q90JV1-WJV7CgYl-N7BrFHtkwzJ2W2b0VV92_p3w1W33F2KG5QNk4kW4pTPl_6pCy9lW6sh= FtB1BB7wDVzyr9890r0g4W4S2fJG4qMqvYW2zcWWY42hgD-W8K88LY3QJ-2JW4sGH3Q4Jy8dZW6= -3BcB7dwNvyW2sbccb1kF-yXW50HpkK5FdwkyW345tRb52vQfPN1B64tK3flQTW4ldpZV4QCycm= W75KVk84j19d6W6CzJj25DW4MdN2dXRnVkNw22N4B53RyFHyr0W2XS0hr2t4kVRW6GGxdp1Q1dZ= _Vkpq8c61-_PrN5NNxRNj4YDRW1fm-zn71BQZ3W1lJP2G5S9s-vW4D1-x674n-z1W6JqjlH4_4r= Rj3m_p1" target=3D"_blank" rel=3D"noopener" style=3D"mso-line-height-rule:e= xactly; color:#204ecf" data-hs-link-id=3D"0">React Router Tutorial: Redirec= t Like a Pro</a></li> </ul></div></div></td></tr></tbody></table> <div id=3D"hs_cos_wrapper_module_164185235108123" class=3D"hs_cos_wrapper h= s_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit; f= ont-size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widge= t" data-hs-cos-type=3D"module"> <!--[if gte mso 9]> <div style=3D"line-height: 0; font-size: 0px"> <v:rect xmlns:v=3D"urn:schemas-microsoft-com:vml" fill=3D"true" stroke=3D= "false" style=3D"width:600px; height:2pt;" fillcolor=3D"none"> <v:fill type=3D"tile"/> <v:textbox inset=3D"0,0,0,0"> <div> <![endif]--> <table role=3D"presentation" width=3D"100%" align=3D"center" border=3D"0" s= tyle=3D"position:relative; top:-1px; min-width:20px; width:100%; max-width:= 100%; border-spacing:0; mso-table-lspace:0pt; mso-table-rspace:0pt; border-= collapse:collapse; font-size:1px"> <tbody><tr> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 =20 <td width=3D"94%" valign=3D"middle" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word; line-height:0; border:transparent; = border-bottom:1px solid #E5E7EA; mso-border-bottom-alt:2pt solid #E5E7EA; b= order-bottom-width:1px"> </td> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 </tr> </tbody></table> <!--[if gte mso 9]></div></v:textbox></v:rect></div><![endif]--></div> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D"1= 00%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-ta= ble-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" st= yle=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-family:= Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; pa= dding:0px 10px"><div id=3D"hs_cos_wrapper_module_164185230042220" class=3D"= hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"c= olor: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-gener= al-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapper_mo= dule_164185230042220_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos= _wrapper_type_rich_text" style=3D"color: inherit; font-size: inherit; line-= height: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type=3D"r= ich_text"><ul style=3D"mso-line-height-rule:exactly; line-height:125%"> <li style=3D"mso-line-height-rule:exactly"><a href=3D"https://ckPbs04.na1.h= ubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVm= xW_3q90_V1-WJV7CgGpJW8-Shrk8Td_-nN4FgPW3XxLDtW9dvbcs6qD_DNW2vrDcP4JkGY_W3-C= HyL58d-QpLhzNFzmkzGW1lxnn84fJ4QrVrpZGR8QMZWSW98JbmH479D60W74R87C268PmlW8KrD= S-8nsGnTW7qYV6w7lrvdwW2TwNrH1nyglbW8-_0nL8dCJM9W4rF2Lp5G_0CrW1sXN8-4vddbPW9= 7z0yG8LbvCtW7_GV4H7H8Sn-W6F06LJ6nvvyRN8_l3plxxf88N2-2BZCYFGGRW3xskPf6R6RchW= 1X6P8r4rsvxrW44JdRc7p8_s1N2_GMS3TFdldW5kKyyv4vwVPKW68JK8g75KSmFN5_LpnWkKW0x= N75gJsw82BVYVLlQM83HkJsG2nB1" style=3D"mso-line-height-rule:exactly; color:= #204ecf" data-hs-link-id=3D"0" target=3D"_blank">Navigating the React.js Ec= osystem</a></li> </ul></div></div></td></tr></tbody></table> <div id=3D"hs_cos_wrapper_module_164185235755224" class=3D"hs_cos_wrapper h= s_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit; f= ont-size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widge= t" data-hs-cos-type=3D"module"> <!--[if gte mso 9]> <div style=3D"line-height: 0; font-size: 0px"> <v:rect xmlns:v=3D"urn:schemas-microsoft-com:vml" fill=3D"true" stroke=3D= "false" style=3D"width:600px; height:2pt;" fillcolor=3D"none"> <v:fill type=3D"tile"/> <v:textbox inset=3D"0,0,0,0"> <div> <![endif]--> <table role=3D"presentation" width=3D"100%" align=3D"center" border=3D"0" s= tyle=3D"position:relative; top:-1px; min-width:20px; width:100%; max-width:= 100%; border-spacing:0; mso-table-lspace:0pt; mso-table-rspace:0pt; border-= collapse:collapse; font-size:1px"> <tbody><tr> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 =20 <td width=3D"94%" valign=3D"middle" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word; line-height:0; border:transparent; = border-bottom:1px solid #E5E7EA; mso-border-bottom-alt:2pt solid #E5E7EA; b= order-bottom-width:1px"> </td> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 </tr> </tbody></table> <!--[if gte mso 9]></div></v:textbox></v:rect></div><![endif]--></div> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D"1= 00%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-ta= ble-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" st= yle=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-family:= Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; pa= dding:0px 10px"><div id=3D"hs_cos_wrapper_module_164185229994119" class=3D"= hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"c= olor: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-gener= al-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapper_mo= dule_164185229994119_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos= _wrapper_type_rich_text" style=3D"color: inherit; font-size: inherit; line-= height: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type=3D"r= ich_text"><ul style=3D"mso-line-height-rule:exactly; line-height:125%"> <li style=3D"mso-line-height-rule:exactly"><a href=3D"https://ckPbs04.na1.h= ubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVm= xW_3q90_V1-WJV7CgFdPW12YMSc2PgjrTW4yG4hz7gcDM8N5Hb-HQ_CPFxW1Zqfyb5gSB53Vb68= kr8VZmcsN5H17ZSWGFNMW14r0CQ5vqfrYW7wCMNv7RQh2yVMJ6Zb7Sh11JW6Hj4F58yQZ2RMJW6= SD_jmVYVwnndD3JvkHxW6KXTWb5nyJTXVkQ6ly1Q4B39W8W1n3z5y-2yDW4b3Wmk9hbclSW8c02= 3p5_bXL6W3KWW2r259cF6W7mFXWX3z_3vQW1lmS1R7fvqwBW5YvL_Q26X3gXW8rC8WL60q6ZLW3= VZT0r7pkR5HW15Fss35xJ-QGW4xs36q2lShB9N8-bXGfyzyJnVh4mNh6MdH9pW5MbGNn6vFG-WW= 5TtZ8r2mJrq2W6MW7543g_XpT3lq31" style=3D"mso-line-height-rule:exactly; colo= r:#204ecf" data-hs-link-id=3D"0" target=3D"_blank">Efficient React Componen= ts: A Guide to Optimizing React Performance</a></li> </ul></div></div></td></tr></tbody></table> <div id=3D"hs_cos_wrapper_module_16651631047101" class=3D"hs_cos_wrapper hs= _cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit; fo= nt-size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widget= " data-hs-cos-type=3D"module"> <!--[if gte mso 9]> <div style=3D"line-height: 0; font-size: 0px"> <v:rect xmlns:v=3D"urn:schemas-microsoft-com:vml" fill=3D"true" stroke=3D= "false" style=3D"width:600px; height:2pt;" fillcolor=3D"none"> <v:fill type=3D"tile"/> <v:textbox inset=3D"0,0,0,0"> <div> <![endif]--> <table role=3D"presentation" width=3D"100%" align=3D"center" border=3D"0" s= tyle=3D"position:relative; top:-1px; min-width:20px; width:100%; max-width:= 100%; border-spacing:0; mso-table-lspace:0pt; mso-table-rspace:0pt; border-= collapse:collapse; font-size:1px"> <tbody><tr> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 =20 <td width=3D"94%" valign=3D"middle" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word; line-height:0; border:transparent; = border-bottom:1px solid #E5E7EA; mso-border-bottom-alt:2pt solid #E5E7EA; b= order-bottom-width:1px"> </td> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 </tr> </tbody></table> <!--[if gte mso 9]></div></v:textbox></v:rect></div><![endif]--></div> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D"1= 00%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-ta= ble-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" st= yle=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-family:= Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; pa= dding:0px 10px"><div id=3D"hs_cos_wrapper_module_16651631272994" class=3D"h= s_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"co= lor: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-genera= l-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapper_mod= ule_16651631272994_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_w= rapper_type_rich_text" style=3D"color: inherit; font-size: inherit; line-he= ight: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type=3D"ric= h_text"><ul style=3D"mso-line-height-rule:exactly; line-height:125%"> <li style=3D"mso-line-height-rule:exactly"> <p style=3D"mso-line-height-rule:exactly; line-height:125%"><a href=3D"http= s://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPN= HW3NdgT54SJ_LCMVmxWJ3q90JV1-WJV7CgWMXVWzff11d7_YvW5rlHY73sZgbqN1ZcfNmjml_RW= 59RnhT5Mw552W60XL-W5bZsBlN4MX407D5X4mW2Fskw-2YJhqPW90nXd130Tw-LW2Vcv8D7jfHl= 3W47kWHv6T1LbyW1Jy-SZ5zZWc_W7mvxyl3qqwMYW3-SZ9j9b6zWSN34jBKHc2h7DW2zLTGf27y= 9M8W89tWGT440mSLW2zDqMX8kFXTdW645W3m90t18lN7XfJCyBd9JXW6x1c0X3bwXvFW6Tfjt_9= hFJdlW26SGwn4Wwl63W7SrfBB8HcyC3W6s8YZ02ZtpldV1DwX236gJ9GN1XRx1FkdCRXN1vYJK4= tv6XqW9h7m8z8nwmTk2ST1" style=3D"mso-line-height-rule:exactly; color:#204ec= f" data-hs-link-id=3D"0" target=3D"_blank">React Tutorial: How It Compares = to Angular and Vue</a></p> </li> </ul></div></div></td></tr></tbody></table> <div id=3D"hs_cos_wrapper_module_16651631112142" class=3D"hs_cos_wrapper hs= _cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit; fo= nt-size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widget= " data-hs-cos-type=3D"module"> <!--[if gte mso 9]> <div style=3D"line-height: 0; font-size: 0px"> <v:rect xmlns:v=3D"urn:schemas-microsoft-com:vml" fill=3D"true" stroke=3D= "false" style=3D"width:600px; height:2pt;" fillcolor=3D"none"> <v:fill type=3D"tile"/> <v:textbox inset=3D"0,0,0,0"> <div> <![endif]--> <table role=3D"presentation" width=3D"100%" align=3D"center" border=3D"0" s= tyle=3D"position:relative; top:-1px; min-width:20px; width:100%; max-width:= 100%; border-spacing:0; mso-table-lspace:0pt; mso-table-rspace:0pt; border-= collapse:collapse; font-size:1px"> <tbody><tr> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 =20 <td width=3D"94%" valign=3D"middle" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word; line-height:0; border:transparent; = border-bottom:1px solid #E5E7EA; mso-border-bottom-alt:2pt solid #E5E7EA; b= order-bottom-width:1px"> </td> =20 =20 <td width=3D"auto" style=3D"border-collapse:collapse; mso-line-height-r= ule:exactly; font-family:Arial, sans-serif; font-size:16px; color:#455065; = word-break:break-word; line-height:0"> </td> =20 </tr> </tbody></table> <!--[if gte mso 9]></div></v:textbox></v:rect></div><![endif]--></div> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D"1= 00%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-ta= ble-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" st= yle=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-family:= Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; pa= dding:0px 10px"><div id=3D"hs_cos_wrapper_module_16651631253953" class=3D"h= s_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"co= lor: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-genera= l-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wrapper_mod= ule_16651631253953_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_w= rapper_type_rich_text" style=3D"color: inherit; font-size: inherit; line-he= ight: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-type=3D"ric= h_text"><ul style=3D"mso-line-height-rule:exactly; line-height:125%"> <li style=3D"mso-line-height-rule:exactly"><a href=3D"https://ckPbs04.na1.h= ubspotlinks.com/Ctc/R+113/ckPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVm= xWJ3q90JV1-WJV7CgRw5W6qdJPL6cSlTXW5N03md3x40MMW44yQgn2H20TjW8M3Kzr9lt0ZWW2q= v_P070nSW_W26Jf6L8PhCTsW9fwKW02znY-pW2Xf6S37w-Kl7W4LbZwR7yxF8WW5SP5_N5SHpHL= N3sB9vkNDfy0W1RLDQN2nmw8SW5GH5l93NZJHzN4VZ36WKk0ShW2wCFX08kS6m9N3hHPztfjGFD= N8WbSmnM1qSbW6MQdvt3fZ-xwW29JSVp4pzJNKVklkpk6Jg1g9W7pmMB33KqCVLW8mTz7Y8dXJH= dW1XHF3c45nbYFW1rdrGT7MJLs9W9gYTg71YQ1rnW2Yzmc849MBHFW4hjC-K7phsMnVBkdSD4_L= k5h3nj21" style=3D"mso-line-height-rule:exactly; color:#204ecf" data-hs-lin= k-id=3D"0" target=3D"_blank">React Tutorial: Components, Hooks, and Perform= ance</a></li> </ul></div></div></td></tr></tbody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"section_1641852705205" class=3D"hse-section" style=3D"padding-= left:10px; padding-right:10px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#455065" bgcolor=3D"#455065"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#455065"> <tr style=3D"background-color:#455065;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"column_1641852705205_0" class=3D"hse-column hse-size-12"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" = style=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-famil= y:Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; = padding:20px 26px 0px"><div id=3D"hs_cos_wrapper_module_164185277948632" cl= ass=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" sty= le=3D"color: inherit; font-size: inherit; line-height: inherit;" data-hs-co= s-general-type=3D"widget" data-hs-cos-type=3D"module"><div id=3D"hs_cos_wra= pper_module_164185277948632_" class=3D"hs_cos_wrapper hs_cos_wrapper_widget= hs_cos_wrapper_type_rich_text" style=3D"color: inherit; font-size: inherit= ; line-height: inherit;" data-hs-cos-general-type=3D"widget" data-hs-cos-ty= pe=3D"rich_text"><h3 style=3D"margin:0; mso-line-height-rule:exactly; text-= align:center; font-size:10px; line-height:125%" align=3D"center"><span styl= e=3D"color: #b5b9c1;">FOLLOW US:</span></h3></div></div></td></tr></tbody><= /table> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D"1= 00%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-ta= ble-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td class=3D"hs_padded" st= yle=3D"border-collapse:collapse; mso-line-height-rule:exactly; font-family:= Arial, sans-serif; font-size:16px; color:#455065; word-break:break-word; pa= dding:0px 20px 10px"><div id=3D"hs_cos_wrapper_module_164185269939531" clas= s=3D"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style= =3D"color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-= general-type=3D"widget" data-hs-cos-type=3D"module"> <table role=3D"presentation" align=3D"center" style=3D"border-spacing:0 !im= portant; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0= pt; width:auto; text-align:center" class=3D"hs_cos_wrapper_type_social_modu= le" width=3D"auto"> <tbody> <tr align=3D"center"> =20 <td class=3D"social-network-cell" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word"> <table role=3D"presentation" align=3D"center" style=3D"border-spaci= ng:0 !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-= rspace:0pt; width:auto; text-align:center" class=3D"hs_cos_wrapper_type_soc= ial_module_single" width=3D"auto"> <tbody> <tr align=3D"center"> =20 <td class=3D"display_block_on_small_screens" style=3D"border-= collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-se= rif; font-size:16px; color:#455065; word-break:break-word; padding:8px 5px;= line-height:1; vertical-align:middle" valign=3D"middle"> <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/c= kPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWp3q90pV1-WJV7CgXpRW1fsY0K= 2_BZgGV3_yB47yH97cVPgzkB6TwKcyW3hRdr53XTnSjW5770t71KXZsvW5PHH4v2g79XRW8RgQN= b1f4MD6N7HM64kF_7czW1jvrBN6yhxJyW7vybMj7DQ2R1W7t6N5Y3yQJQ9VXbYnM43B0cgVjXXy= K2Mdx69W3mJblF7hTlTjW7-4L5J5bdfJSW1GFvF94qHYXZW3pY7Kx3XRdVcW19YW-m8w9_HNW3X= y08h8S-8nPW2Nr8Rz4kmFDQW2M5wkP6S8sLJW7rflX02H-HpDW8CZlCb1L_6K6W3vXg9j47j3St= W9gw1My1qXVYcW6xb1yT3V_Tj939z11" style=3D"color:#00a4bd; mso-line-height-ru= le:exactly; text-decoration:none !important" data-hs-link-id=3D"0" target= =3D"_blank"> =20 =20 <img src=3D"https://hs-2799924.f.hubspotemail.net/hs/hsst= atic/TemplateAssets/static-1.114/img/hs_default_template_images/modules/Fol= low+Me+-+Email/facebook_original_white.png" alt=3D"Facebook" height=3D"25" = style=3D"outline:none; text-decoration:none; -ms-interpolation-mode:bicubic= ; border:none; width:auto!important; height:25px!important; vertical-align:= middle" valign=3D"middle" width=3D"auto"> =20 </a> </td> =20 =20 </tr> </tbody> </table> </td> =20 <td class=3D"social-network-cell" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word"> <table role=3D"presentation" align=3D"center" style=3D"border-spaci= ng:0 !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-= rspace:0pt; width:auto; text-align:center" class=3D"hs_cos_wrapper_type_soc= ial_module_single" width=3D"auto"> <tbody> <tr align=3D"center"> =20 <td class=3D"display_block_on_small_screens" style=3D"border-= collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-se= rif; font-size:16px; color:#455065; word-break:break-word; padding:8px 5px;= line-height:1; vertical-align:middle" valign=3D"middle"> <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/c= kPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWJ3q90JV1-WJV7CgXHgW390x8L= 21Qq-nW5z1g6Y8BP3SCW3qSdSB6LlX4XVqr3pT6FRvx_W93Ygjn3JW79fW3_44c28MX56gW451b= cQ25Pzm9W64Lmq67s60fxW3NJrgq3FmTkVV-K74T2r3pQnW2KZwM57JLGDsW5TDyh41139rNW6_= LXS55xn83yW6Ld2FG8Y2vtZW4S0YWz8spfR1W2Xm9C65bNYCRW2bgr0P2MGwqtW1l7c6K2vFyNm= W5p8yVl2rK8GyW47XT1_1Sqdf1W6zZZNT75704TVCvhnW6zbMhcW8Xdc5y3y0Fx4W2xy2hh60Hc= 7NVSLN9C8J-24MW4gkXX_7M2Wq5W6VDX-B5-rkyGW1FMBqS46t5Mm33dz1" style=3D"color:= #00a4bd; mso-line-height-rule:exactly; text-decoration:none !important" dat= a-hs-link-id=3D"0" target=3D"_blank"> =20 =20 <img src=3D"https://hs-2799924.f.hubspotemail.net/hs/hsst= atic/TemplateAssets/static-1.114/img/hs_default_template_images/modules/Fol= low+Me+-+Email/linkedin_original_white.png" alt=3D"LinkedIn" height=3D"25" = style=3D"outline:none; text-decoration:none; -ms-interpolation-mode:bicubic= ; border:none; width:auto!important; height:25px!important; vertical-align:= middle" valign=3D"middle" width=3D"auto"> =20 </a> </td> =20 =20 </tr> </tbody> </table> </td> =20 <td class=3D"social-network-cell" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word"> <table role=3D"presentation" align=3D"center" style=3D"border-spaci= ng:0 !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-= rspace:0pt; width:auto; text-align:center" class=3D"hs_cos_wrapper_type_soc= ial_module_single" width=3D"auto"> <tbody> <tr align=3D"center"> =20 <td class=3D"display_block_on_small_screens" style=3D"border-= collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-se= rif; font-size:16px; color:#455065; word-break:break-word; padding:8px 5px;= line-height:1; vertical-align:middle" valign=3D"middle"> <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/c= kPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWp3q90pV1-WJV7CgQSqN6wwy1_= pSw9YW7NDXGr4fqLW1W3-gDHJ1_r6vLW2VLlZM7VxJX2W2w5slJ78XXYlW9j_7P_1yvxj8W3zqv= Px82FPWBW7SLzGN4zTxdPW8Czg2G1KDs8kN6ryj-3S6jbwW93tX8557x5fXV6Htqq5vLHYVN8Fp= WnJLZpd6N98hg72cskYsW77xKvS8fCGZlW3-zll77z2r-KW6vZbRJ4MBsStW7NrQwc6FLNHPW4H= jp7X5J98XxW7qPLMS5sfGPgN2G7q1frPpVvW1j8NlJ7nPBj9W6FTv4T3nBq7lW3G-Fks4qP7VTW= 4bgSCc4ny9T0W5Cv1Cy8lLG3_3jzc1" style=3D"color:#00a4bd; mso-line-height-rul= e:exactly; text-decoration:none !important" data-hs-link-id=3D"0" target=3D= "_blank"> =20 =20 <img src=3D"https://hs-2799924.f.hubspotemail.net/hs/hsst= atic/TemplateAssets/static-1.114/img/hs_default_template_images/modules/Fol= low+Me+-+Email/twitter_original_white.png" alt=3D"Twitter" height=3D"25" st= yle=3D"outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; = border:none; width:auto!important; height:25px!important; vertical-align:mi= ddle" valign=3D"middle" width=3D"auto"> =20 </a> </td> =20 =20 </tr> </tbody> </table> </td> =20 <td class=3D"social-network-cell" style=3D"border-collapse:collapse; = mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-size:16px= ; color:#455065; word-break:break-word"> <table role=3D"presentation" align=3D"center" style=3D"border-spaci= ng:0 !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-= rspace:0pt; width:auto; text-align:center" class=3D"hs_cos_wrapper_type_soc= ial_module_single" width=3D"auto"> <tbody> <tr align=3D"center"> =20 <td class=3D"display_block_on_small_screens" style=3D"border-= collapse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-se= rif; font-size:16px; color:#455065; word-break:break-word; padding:8px 5px;= line-height:1; vertical-align:middle" valign=3D"middle"> <a href=3D"https://ckPbs04.na1.hubspotlinks.com/Ctc/R+113/c= kPbs04/VWSmcL85Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCMVmxWp3q90pV1-WJV7CgGX9M11Yz7l= jJGdW6Px5yZ5bl0J8VhYPPt13hXNPW5NXN682YBkJqW5yhgDc6TZjfWW1Mjb317gjZxsW2sC4DW= 663JB8VHhc7B7GtvMpW7Ktzw24Dw8t5W5yqRyj4Pn50kW7kBLb72zFT1bW1LX3PB6N65DvN3HlL= 1McNxLtW5-NhM31GVxGbW29_THj2PwNGnW4tc8hM47GvQWN1df9Q5TpYynW4xsWDz4pZgksW8_r= 2Hl5Kz24kW8RdZsh3w3pRkW51rh433gMwjlW1mj0Wk3yl1FgW8G061B4Fv1FrW8PK8mt6lmVNSW= 6jwJhd246M-PW957-HB3gk2RR35jS1" style=3D"color:#00a4bd; mso-line-height-rul= e:exactly; text-decoration:none !important" data-hs-link-id=3D"0" target=3D= "_blank"> =20 =20 <img src=3D"https://hs-2799924.f.hubspotemail.net/hs/hsst= atic/TemplateAssets/static-1.114/img/hs_default_template_images/modules/Fol= low+Me+-+Email/instagram_original_white.png" alt=3D"Instagram" height=3D"25= " style=3D"outline:none; text-decoration:none; -ms-interpolation-mode:bicub= ic; border:none; width:auto!important; height:25px!important; vertical-alig= n:middle" valign=3D"middle" width=3D"auto"> =20 </a> </td> =20 =20 </tr> </tbody> </table> </td> =20 </tr> </tbody> </table> </div></td></tr></tbody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> <div id=3D"module_1641852564166" class=3D"hse-section hse-section-last" s= tyle=3D"padding-left:10px; padding-right:10px; padding-bottom:20px"> =20 =20 <!--[if !((mso)|(IE))]><!-- --> <div class=3D"hse-column-container" style=3D"min-width:280px; max-wid= th:600px; width:100%; Margin-left:auto; Margin-right:auto; border-collapse:= collapse; border-spacing:0; background-color:#262d3d" bgcolor=3D"#262d3d"> <!--<![endif]--> =20 <!--[if (mso)|(IE)]> <div class=3D"hse-column-container" style=3D"min-width:280px;max-widt= h:600px;width:100%;Margin-left:auto;Margin-right:auto;border-collapse:colla= pse;border-spacing:0;"> <table align=3D"center" style=3D"border-collapse:collapse;mso-table-l= space:0pt;mso-table-rspace:0pt;width:600px;" cellpadding=3D"0" cellspacing= =3D"0" role=3D"presentation" width=3D"600" bgcolor=3D"#262d3d"> <tr style=3D"background-color:#262d3d;"> <![endif]--> <!--[if (mso)|(IE)]> <td valign=3D"top" style=3D"width:600px;"> <![endif]--> <!--[if gte mso 9]> <table role=3D"presentation" width=3D"600" cellpadding=3D"0" cellspacing= =3D"0" style=3D"border-collapse:collapse;mso-table-lspace:0pt;mso-table-rsp= ace:0pt;width:600px"> <![endif]--> <div id=3D"module_1641852564166_0" class=3D"hse-column hse-size-12"> <table role=3D"presentation" cellpadding=3D"0" cellspacing=3D"0" width=3D= "100%" style=3D"border-spacing:0 !important; border-collapse:collapse; mso-= table-lspace:0pt; mso-table-rspace:0pt"><tbody><tr><td style=3D"border-coll= apse:collapse; mso-line-height-rule:exactly; font-family:Arial, sans-serif;= font-size:16px; color:#455065; word-break:break-word; padding:30px 0px"><d= iv id=3D"hs_cos_wrapper_module_164185256413928" class=3D"hs_cos_wrapper hs_= cos_wrapper_widget hs_cos_wrapper_type_module" style=3D"color: inherit; fon= t-size: inherit; line-height: inherit;" data-hs-cos-general-type=3D"widget"= data-hs-cos-type=3D"module"> =20 =20 =20 =20 =20 =20 =20 <table role=3D"presentation" class=3D"hse-footer hse-secondary" width=3D"10= 0%" cellpadding=3D"0" cellspacing=3D"0" style=3D"border-spacing:0 !importan= t; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; fo= nt-family:Arial, sans-serif; font-size:12px; line-height:135%; color:#23496= d; margin-bottom:0; padding:0"> <tbody> <tr> <td align=3D"left" valign=3D"top" style=3D"border-collapse:coll= apse; mso-line-height-rule:exactly; font-family:Arial, sans-serif; font-siz= e:16px; color:#455065; word-break:break-word; text-align:left; margin-botto= m:0; line-height:135%; padding:10px 20px"> =20 <p style=3D"mso-line-height-rule:exactly; font-family:Arial= , sans-serif; font-size:12px; font-weight:normal; text-decoration:none; fon= t-style:normal; color:#84888e; direction:lrt" dir=3D"lrt"> Toptal, LLC, 2810 N. Church Street #36879, Wilmington, De= laware 19802-4447, United States </p> <p style=3D"mso-line-height-rule:exactly"> =20 <a data-unsubscribe=3D"true" href=3D"https://hs-2799924.= s.hubspotemail.net/hs/manage-preferences/unsubscribe-all?languagePreference= =3Den&d=3DVnhr-s8TP-CYW127l_x3zdYBgW3H6wfV4fDXZmW3K9dF-3K9F8mW4cg8wC3Nq= GgNN2RbgDRQtLdMW6tdx4h7qfNqDVDgxjf5ZmDVDW8rhB0H5Bd_4xN7nYn3r1yf0NW30mvg05TV= tqRW73PCPl3y6wxcn7sl3r12K3&v=3D3&utm_campaign=3D%5BPubs%5D%20Engine= ering_Newsletter_2022&utm_source=3Dhs_automation&utm_medium=3Demail= &utm_content=3D234982650&_hsenc=3Dp2ANqtz-81ZemdPIni82PagSrrRz6cw4z= jQcX38MexUg_evHb416RX23WMD8uy4MITQbHiXH2ZKqY7n6mq2PoGTYOioYW03kJRhfBs6oSZIh= gBQI2K0J2bQAI&_hsmi=3D234982650" style=3D"mso-line-height-rule:exactly;= font-family:Helvetica,Arial,sans-serif; font-size:12px; color:#84888e; fon= t-weight:normal; text-decoration:underline; font-style:normal" data-hs-link= -id=3D"0" target=3D"_blank">Unsubscribe</a> =20 <a data-unsubscribe=3D"true" href=3D"https://hs-2799924.= s.hubspotemail.net/hs/manage-preferences/unsubscribe?languagePreference=3De= n&d=3DVnhr-s8TP-CYW127l_x3zdYBgW3H6wfV4fDXZmW3K9dF-3K9F8mW4cg8wC3NqGgNN= 2RbgDRQtLdMW6tdx4h7qfNqDVDgxjf5ZmDVDW8rhB0H5Bd_4xN7nYn3r1yf0NW30mvg05TVtqRW= 73PCPl3y6wxcn7sl3r12K3&v=3D3&utm_campaign=3D%5BPubs%5D%20Engineerin= g_Newsletter_2022&utm_source=3Dhs_automation&utm_medium=3Demail&= ;utm_content=3D234982650&_hsenc=3Dp2ANqtz-81ZemdPIni82PagSrrRz6cw4zjQcX= 38MexUg_evHb416RX23WMD8uy4MITQbHiXH2ZKqY7n6mq2PoGTYOioYW03kJRhfBs6oSZIhgBQI= 2K0J2bQAI&_hsmi=3D234982650" style=3D"mso-line-height-rule:exactly; fon= t-family:Helvetica,Arial,sans-serif; font-size:12px; color:#84888e; font-we= ight:normal; text-decoration:underline; font-style:normal" data-hs-link-id= =3D"0" target=3D"_blank">Manage preferences</a> =20 </p> =20 </td> </tr> </tbody> </table></div></td></tr></tbody></table> </div> <!--[if gte mso 9]></table><![endif]--> <!--[if (mso)|(IE)]></td><![endif]--> <!--[if (mso)|(IE)]></tr></table><![endif]--> </div> =20 </div> </div> </td> </tr> </tbody></table> </div> =20 <img src=3D"https://ckPbs04.na1.hubspotlinks.com/Cto/R+113/ckPbs04/VWSmcL85= Yr1kW3nLWXd24cPNHW3NdgT54SJ_LCVVmxFY8fYCCY27W1" alt=3D"" width=3D"1" height= =3D"1" border=3D"0" style=3D"display:none!important;min-height:1px!importan= t;width:1px!important;border-width:0!important;margin-top:0!important;margi= n-bottom:0!important;margin-right:0!important;margin-left:0!important;paddi= ng-top:0!important;padding-bottom:0!important;padding-right:0!important;pad= ding-left:0!important"></body></html> ------=_Part_11034407_1783888315.1669183428222--