diff --git a/package.json b/package.json
index c1a0eb326..10678786b 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,8 @@
     "resolutions": {
         "node-hid": "2.1.1",
         "scrypt": "github:barrysteyn/node-scrypt#fb60a8d",
-        "websocket": "github:frozeman/WebSocket-Node#browserifyCompatible"
+        "websocket": "github:frozeman/WebSocket-Node#browserifyCompatible",
+        "**/ethereumjs-common": "npm:@ethereumjs/common@^2.5.0"
     },
     "author": "Fabio Berger",
     "license": "Apache-2.0",
@@ -45,6 +46,7 @@
         "@0x/subproviders": "^6.6.1",
         "@0x/utils": "^6.4.4",
         "@0x/web3-wrapper": "^7.0.2",
+        "@loadable/component": "^5.15.2",
         "@reach/dialog": "^0.11.2",
         "@reach/tabs": "^0.1.6",
         "@tryghost/admin-api": "^1.4.2",
@@ -80,8 +82,10 @@
         "graphql": "^15.5.1",
         "graphql-request": "^3.5.0",
         "is-mobile": "^0.2.2",
+        "jscodeshift": "^0.13.1",
         "less": "^2.7.2",
         "lodash": "^4.17.11",
+        "lodash-es": "^4.17.21",
         "lottie-web": "^5.6.2",
         "marked": "^2.0.0",
         "material-ui": "^0.20.0",
@@ -152,7 +156,9 @@
         "@types/find-versions": "^2.0.0",
         "@types/is-mobile": "0.3.0",
         "@types/jest": "^24.0.25",
+        "@types/loadable__component": "^5.13.4",
         "@types/lodash": "4.14.104",
+        "@types/lodash-es": "^4.17.6",
         "@types/marked": "^1.2.2",
         "@types/material-ui": "^0.20.0",
         "@types/mersenne-twister": "^1.1.2",
@@ -184,6 +190,7 @@
         "eslint-plugin-react-hooks": "^2.3.0",
         "extend": "^3.0.2",
         "glob": "^7.1.4",
+        "html-webpack-plugin": "4",
         "husky": "^3.0.5",
         "jest": "^24.9.0",
         "jest-transform-stub": "^2.0.0",
@@ -205,6 +212,7 @@
         "to-vfile": "^6.0.0",
         "ts-jest": "^24.2.0",
         "ts-node": "^8.3.0",
+        "tslib": "^2.3.1",
         "tslint": "5.11.0",
         "tslint-config-0xproject": "^0.0.2",
         "typescript": "^3.8.3",
@@ -214,6 +222,7 @@
         "unist-util-visit": "^2.0.0",
         "unist-util-visit-parents": "^3.0.0",
         "webpack": "^4.39.2",
+        "webpack-bundle-analyzer": "^4.5.0",
         "webpack-cli": "3.3.7",
         "webpack-dev-server": "^3.8.0",
         "yargs": "^10.0.3"
diff --git a/stats.json b/stats.json
new file mode 100644
index 000000000..1d39a543f
--- /dev/null
+++ b/stats.json
@@ -0,0 +1,20 @@
+yarn run v1.22.17
+$ /Users/dennis/projects/website/node_modules/.bin/webpack --profile --json
+i ｢atl｣: Mode:  production
+i ｢atl｣: Plugin Count:  3
+ℹ ｢atl｣: Using typescript@3.9.10 from typescript
+ℹ ｢atl｣: Using tsconfig.json from /Users/dennis/projects/website/tsconfig.json
+
+<--- Last few GCs --->
+ll[31489:0x102e8d000]   580702 ms: Mark-sweep 2047.2 (2063.7) -> 2046.3 (2061.0) MB, 1524.6 / 0.0 ms  (+ 119.2 ms in 23 steps since start of marking, biggest step 8.3 ms, walltime since start of marking 1648 ms) (average mu = 0.118, current mu = 0.003) allo[31489:0x102e8d000]   582201 ms: Mark-sweep 2048.2 (2061.0) -> 2048.1 (2063.0) MB, 1375.7 / 0.0 ms  (+ 118.1 ms in 27 steps since start of marking, biggest step 8.2 ms, walltime since start of marking 1499 ms) (average mu = 0.065, current mu = 0.003) allo
+
+<--- JS stacktrace --->
+
+==== JS stack trace =========================================
+
+    0: ExitFrame [pc: 0x100a04179]
+Security context: 0x30d6343408d1 <JSObject>
+    1: addMappingWithCode [0x30d636a43c29] [/Users/dennis/projects/website/node_modules/source-map/lib/source-node.js:~150] [pc=0x158e68328dd2](this=0x30d6dc440a31 <JSGlobal Object>,0x30d6b5d6ff91 <Object map = 0x30d606828709>,0x30d624bdd471 <String[6]: 13134:>)
+    2: /* anonymous */ [0x30d6ce8fbcc9] [/Users/dennis/projects/website/node_modules/source-map/lib/...
+
+info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
diff --git a/ts/blockchain.ts b/ts/blockchain.ts
index 54acb76bd..3a7d25b31 100644
--- a/ts/blockchain.ts
+++ b/ts/blockchain.ts
@@ -30,7 +30,7 @@ import {
     TransactionReceiptWithDecodedLogs,
     ZeroExProvider,
 } from 'ethereum-types';
-import * as _ from 'lodash';
+import { each, find, includes, intersection, isEmpty, map, parseInt as lodashParseInt, values } from 'lodash-es';
 import * as moment from 'moment';
 import * as React from 'react';
 import contract from 'truffle-contract';
@@ -122,12 +122,9 @@ export class Blockchain {
             };
             const ledgerSubprovider = new LedgerSubprovider(ledgerWalletConfigs);
             provider.addProvider(ledgerSubprovider);
-            const rpcSubproviders = _.map(
-                configs.PUBLIC_NODE_URLS_BY_NETWORK_ID[networkIdIfExists],
-                (publicNodeUrl) => {
-                    return new RPCSubprovider(publicNodeUrl);
-                },
-            );
+            const rpcSubproviders = map(configs.PUBLIC_NODE_URLS_BY_NETWORK_ID[networkIdIfExists], (publicNodeUrl) => {
+                return new RPCSubprovider(publicNodeUrl);
+            });
             provider.addProvider(new RedundantSubprovider(rpcSubproviders));
             providerUtils.startProviderEngine(provider);
             return [provider, ledgerSubprovider];
@@ -142,7 +139,7 @@ export class Blockchain {
                     ? new MetamaskSubprovider(injectedProviderIfExists)
                     : new SignerSubprovider(injectedProviderIfExists);
             provider.addProvider(signerSubprovider);
-            const rpcSubproviders = _.map(publicNodeUrlsIfExistsForNetworkId, (publicNodeUrl) => {
+            const rpcSubproviders = map(publicNodeUrlsIfExistsForNetworkId, (publicNodeUrl) => {
                 return new RPCSubprovider(publicNodeUrl);
             });
             provider.addProvider(new RedundantSubprovider(rpcSubproviders));
@@ -157,7 +154,7 @@ export class Blockchain {
             // injected into their browser.
             const provider = new Web3ProviderEngine();
             const networkId = constants.NETWORK_ID_MAINNET;
-            const rpcSubproviders = _.map(configs.PUBLIC_NODE_URLS_BY_NETWORK_ID[networkId], (publicNodeUrl) => {
+            const rpcSubproviders = map(configs.PUBLIC_NODE_URLS_BY_NETWORK_ID[networkId], (publicNodeUrl) => {
                 return new RPCSubprovider(publicNodeUrl);
             });
             provider.addProvider(new RedundantSubprovider(rpcSubproviders));
@@ -201,13 +198,13 @@ export class Blockchain {
     }
     public async isAddressInTokenRegistryAsync(tokenAddress: string): Promise<boolean> {
         const tokens = fakeTokenRegistry[this.networkId];
-        const tokenIfExists = _.find(tokens, { address: tokenAddress });
+        const tokenIfExists = find(tokens, { address: tokenAddress });
 
         // HACK: Override token addresses on testnets
         const tokenSymbolToAddressOverrides = tokenAddressOverrides[this.networkId];
         let isTokenAddressInOverrides = false;
         if (tokenSymbolToAddressOverrides !== undefined) {
-            isTokenAddressInOverrides = _.values(tokenSymbolToAddressOverrides).includes(tokenAddress);
+            isTokenAddressInOverrides = values(tokenSymbolToAddressOverrides).includes(tokenAddress);
         }
         return tokenIfExists !== undefined || isTokenAddressInOverrides;
     }
@@ -308,7 +305,7 @@ export class Blockchain {
             });
         const receipt = await this._showEtherScanLinkAndAwaitTransactionMinedAsync(txHash);
         const logs: Array<LogWithDecodedArgs<ExchangeEventArgs>> = receipt.logs as any;
-        const logFill = _.find(logs, { event: ExchangeEvents.Fill });
+        const logFill = find(logs, { event: ExchangeEvents.Fill });
         const args = (logFill.args as any) as ExchangeFillEventArgs;
         const takerAssetFilledAmount = args.takerAssetFilledAmount;
         return takerAssetFilledAmount;
@@ -321,7 +318,7 @@ export class Blockchain {
         });
         const receipt = await this._showEtherScanLinkAndAwaitTransactionMinedAsync(txHash);
         const logs: Array<LogWithDecodedArgs<ExchangeEventArgs>> = receipt.logs as any;
-        const logCancel = _.find(logs, { event: ExchangeEvents.Cancel });
+        const logCancel = find(logs, { event: ExchangeEvents.Cancel });
         const args = (logCancel.args as any) as ExchangeCancelEventArgs;
         const cancelledOrderHash = args.orderHash;
         return cancelledOrderHash;
@@ -512,9 +509,9 @@ export class Blockchain {
             this._userAddressIfExists === undefined
                 ? {}
                 : trackedTokenStorage.getTrackedTokensByAddress(this._userAddressIfExists, this.networkId);
-        const tokenRegistryTokens = _.values(tokenRegistryTokensByAddress);
-        const tokenRegistryTokenSymbols = _.map(tokenRegistryTokens, (t) => t.symbol);
-        const defaultTrackedTokensInRegistry = _.intersection(
+        const tokenRegistryTokens = values(tokenRegistryTokensByAddress);
+        const tokenRegistryTokenSymbols = map(tokenRegistryTokens, (t) => t.symbol);
+        const defaultTrackedTokensInRegistry = intersection(
             tokenRegistryTokenSymbols,
             configs.DEFAULT_TRACKED_TOKEN_SYMBOLS,
         );
@@ -530,20 +527,20 @@ export class Blockchain {
             errorReporter.report(err);
             return;
         }
-        if (_.isEmpty(trackedTokensByAddress)) {
-            _.each(configs.DEFAULT_TRACKED_TOKEN_SYMBOLS, (symbol) => {
-                const token = _.find(tokenRegistryTokens, (t) => t.symbol === symbol);
+        if (isEmpty(trackedTokensByAddress)) {
+            each(configs.DEFAULT_TRACKED_TOKEN_SYMBOLS, (symbol) => {
+                const token = find(tokenRegistryTokens, (t) => t.symbol === symbol);
                 token.trackedTimestamp = currentTimestamp;
                 trackedTokensByAddress[token.address] = token;
             });
             if (this._userAddressIfExists !== undefined) {
-                _.each(trackedTokensByAddress, (token: Token) => {
+                each(trackedTokensByAddress, (token: Token) => {
                     trackedTokenStorage.addTrackedTokenToUser(this._userAddressIfExists, this.networkId, token);
                 });
             }
         } else {
             // Properly set all tokenRegistry tokens `trackedTimestamp` if they are in the existing trackedTokens array
-            _.each(trackedTokensByAddress, (trackedToken: Token, address: string) => {
+            each(trackedTokensByAddress, (trackedToken: Token, address: string) => {
                 if (tokenRegistryTokensByAddress[address] !== undefined) {
                     tokenRegistryTokensByAddress[address].trackedTimestamp = trackedToken.trackedTimestamp;
                 }
@@ -553,10 +550,10 @@ export class Blockchain {
             ...tokenRegistryTokensByAddress,
             ...trackedTokensByAddress,
         };
-        const allTokens = _.values(allTokensByAddress);
+        const allTokens = values(allTokensByAddress);
         const mostPopularTradingPairTokens: Token[] = [
-            _.find(allTokens, { symbol: configs.DEFAULT_TRACKED_TOKEN_SYMBOLS[0] }),
-            _.find(allTokens, { symbol: configs.DEFAULT_TRACKED_TOKEN_SYMBOLS[1] }),
+            find(allTokens, { symbol: configs.DEFAULT_TRACKED_TOKEN_SYMBOLS[0] }),
+            find(allTokens, { symbol: configs.DEFAULT_TRACKED_TOKEN_SYMBOLS[1] }),
         ];
         const sideToAssetToken: SideToAssetToken = {
             [Side.Deposit]: {
@@ -633,7 +630,7 @@ export class Blockchain {
         if (update.networkVersion === 'loading' || this._ledgerSubprovider !== undefined) {
             return;
         }
-        const updatedNetworkId = _.parseInt(update.networkVersion);
+        const updatedNetworkId = lodashParseInt(update.networkVersion);
         if (this.networkId === updatedNetworkId) {
             return;
         }
@@ -769,7 +766,7 @@ export class Blockchain {
             const tokenSymbolToAddressOverrides = tokenAddressOverrides[this.networkId];
             if (tokenAddressOverrides !== undefined) {
                 // HACK: Override token addresses on testnets
-                tokenRegistryTokens = _.map(tokenRegistryTokens, (token: ZeroExToken) => {
+                tokenRegistryTokens = map(tokenRegistryTokens, (token: ZeroExToken) => {
                     const overrideIfExists = tokenSymbolToAddressOverrides[token.symbol];
                     if (overrideIfExists !== undefined) {
                         return {
@@ -782,7 +779,7 @@ export class Blockchain {
             }
         }
         const tokenByAddress: TokenByAddress = {};
-        _.each(tokenRegistryTokens, (t: ZeroExToken) => {
+        each(tokenRegistryTokens, (t: ZeroExToken) => {
             // HACK: For now we have a hard-coded list of iconUrls for the dummyTokens
             // TODO: Refactor this out and pull the iconUrl directly from the TokenRegistry
             const iconUrl = utils.getTokenIconUrl(t.symbol);
@@ -920,7 +917,7 @@ export class Blockchain {
         } catch (err) {
             const errMsg = `${err}`;
             logUtils.log(`Notice: Error encountered: ${err} ${err.stack}`);
-            if (_.includes(errMsg, 'not been deployed to detected network')) {
+            if (includes(errMsg, 'not been deployed to detected network')) {
                 throw new Error(BlockchainCallErrs.ContractDoesNotExist);
             } else {
                 errorReporter.report(err);
diff --git a/ts/blockchain_watcher.ts b/ts/blockchain_watcher.ts
index eebad1368..7d9637dec 100644
--- a/ts/blockchain_watcher.ts
+++ b/ts/blockchain_watcher.ts
@@ -1,6 +1,5 @@
 import { BigNumber, intervalUtils, logUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
 import { Dispatcher } from 'ts/redux/dispatcher';
 
 export class BlockchainWatcher {
diff --git a/ts/components/aboutPageLayout.tsx b/ts/components/aboutPageLayout.tsx
index 5010ca41a..57ec52b46 100644
--- a/ts/components/aboutPageLayout.tsx
+++ b/ts/components/aboutPageLayout.tsx
@@ -1,4 +1,3 @@
-import * as _ from 'lodash';
 import * as React from 'react';
 import styled from 'styled-components';
 
diff --git a/ts/components/card.tsx b/ts/components/card.tsx
index 8d80177aa..be0e0a0c6 100644
--- a/ts/components/card.tsx
+++ b/ts/components/card.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -35,7 +35,7 @@ export const Card: React.StatelessComponent<CardProps> = (props: CardProps) => {
                 </Heading>
                 <Paragraph isMuted={true}>{description}</Paragraph>
                 <Links>
-                    {_.map(links, (link, index) => (
+                    {map(links, (link, index) => (
                         <Button
                             href={link.url}
                             target={link.url !== undefined ? '_blank' : undefined}
diff --git a/ts/components/dialogs/eth_weth_conversion_dialog.tsx b/ts/components/dialogs/eth_weth_conversion_dialog.tsx
index 5326cb70a..1a27a5597 100644
--- a/ts/components/dialogs/eth_weth_conversion_dialog.tsx
+++ b/ts/components/dialogs/eth_weth_conversion_dialog.tsx
@@ -1,5 +1,5 @@
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+import { isEmpty } from 'lodash-es';
 import Dialog from 'material-ui/Dialog';
 import FlatButton from 'material-ui/FlatButton';
 import * as React from 'react';
@@ -179,7 +179,7 @@ export class EthWethConversionDialog extends React.Component<
         this.props.onCancelled();
     }
     private async _fetchEthTokenBalanceAsync(): Promise<void> {
-        const userAddressIfExists = _.isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
+        const userAddressIfExists = isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
         const [balance] = await this.props.blockchain.getTokenBalanceAndAllowanceAsync(
             userAddressIfExists,
             this.props.token.address,
diff --git a/ts/components/dialogs/ledger_config_dialog.tsx b/ts/components/dialogs/ledger_config_dialog.tsx
index 1f4095079..7baf47d77 100644
--- a/ts/components/dialogs/ledger_config_dialog.tsx
+++ b/ts/components/dialogs/ledger_config_dialog.tsx
@@ -1,6 +1,6 @@
 import { BigNumber, logUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
+import { isEmpty, map, startsWith, values } from 'lodash-es';
 import Dialog from 'material-ui/Dialog';
 import FlatButton from 'material-ui/FlatButton';
 import { Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn } from 'material-ui/Table';
@@ -85,7 +85,7 @@ export class LedgerConfigDialog extends React.Component<LedgerConfigDialogProps,
         );
     }
     private _renderConnectStep(): React.ReactNode {
-        const networkIds = _.values(constants.NETWORK_ID_BY_NAME);
+        const networkIds = values(constants.NETWORK_ID_BY_NAME);
         return (
             <div>
                 <div className="h4 pt3">Follow these instructions before proceeding:</div>
@@ -115,7 +115,7 @@ export class LedgerConfigDialog extends React.Component<LedgerConfigDialogProps,
                         labelComplete="Connected!"
                         onClickAsyncFn={this._onConnectLedgerClickAsync.bind(this, true)}
                     />
-                    {!_.isEmpty(this.state.connectionErrMsg) && (
+                    {!isEmpty(this.state.connectionErrMsg) && (
                         <div className="pt2 left-align" style={{ color: colors.red200 }}>
                             {this.state.connectionErrMsg}
                         </div>
@@ -162,7 +162,7 @@ export class LedgerConfigDialog extends React.Component<LedgerConfigDialogProps,
         );
     }
     private _renderAddressTableRows(): React.ReactNode {
-        const rows = _.map(this.state.userAddresses, (userAddress: string, i: number) => {
+        const rows = map(this.state.userAddresses, (userAddress: string, i: number) => {
             const balanceInWei = this.state.addressBalances[i];
             const addressTooltipId = `address-${userAddress}`;
             const balanceTooltipId = `balance-${userAddress}`;
@@ -254,7 +254,7 @@ export class LedgerConfigDialog extends React.Component<LedgerConfigDialogProps,
     }
     private _onDerivationPathChanged(_event: any, derivationPath: string): void {
         let derivationErrMsg = '';
-        if (!_.startsWith(derivationPath, VALID_ETHEREUM_DERIVATION_PATH_PREFIX)) {
+        if (!startsWith(derivationPath, VALID_ETHEREUM_DERIVATION_PATH_PREFIX)) {
             derivationErrMsg = 'Must be valid Ethereum path.';
         }
 
@@ -293,7 +293,7 @@ export class LedgerConfigDialog extends React.Component<LedgerConfigDialogProps,
         let userAddresses: string[];
         userAddresses = await this.props.blockchain.getUserAccountsAsync();
 
-        if (_.isEmpty(userAddresses)) {
+        if (isEmpty(userAddresses)) {
             throw new Error('No addresses retrieved.');
         }
         return userAddresses;
diff --git a/ts/components/dialogs/send_dialog.tsx b/ts/components/dialogs/send_dialog.tsx
index 65ea0b0fe..b2f8b69c3 100644
--- a/ts/components/dialogs/send_dialog.tsx
+++ b/ts/components/dialogs/send_dialog.tsx
@@ -1,5 +1,4 @@
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
 import Dialog from 'material-ui/Dialog';
 import FlatButton from 'material-ui/FlatButton';
 import * as React from 'react';
diff --git a/ts/components/docs/sidebar/filters_group.tsx b/ts/components/docs/sidebar/filters_group.tsx
index ab58cae14..a82bd30f8 100644
--- a/ts/components/docs/sidebar/filters_group.tsx
+++ b/ts/components/docs/sidebar/filters_group.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { orderBy } from 'lodash-es';
 import * as React from 'react';
 import { connectRefinementList } from 'react-instantsearch-dom';
 
@@ -26,7 +26,7 @@ const FiltersList: React.FC<IFilterListProps> = ({ attribute, items, currentRefi
     //    then visually disabling filters. That way the user is still able to see all filters, even those that do not apply to
     //    the current state of filtering.
 
-    const sortAlphabetically = (_items: IFilterProps[]) => _.orderBy(_items, 'label', 'asc');
+    const sortAlphabetically = (_items: IFilterProps[]) => orderBy(_items, 'label', 'asc');
 
     const sortByDifficulty = (_items: IFilterProps[]) => {
         return _items.sort((a, b) => difficultyOrder.indexOf(a.label) - difficultyOrder.indexOf(b.label));
diff --git a/ts/components/docs/sidebar/sidebar_desktop.tsx b/ts/components/docs/sidebar/sidebar_desktop.tsx
index c2225968d..8ca057b3b 100644
--- a/ts/components/docs/sidebar/sidebar_desktop.tsx
+++ b/ts/components/docs/sidebar/sidebar_desktop.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { throttle } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -57,7 +57,7 @@ export const SidebarDesktop: React.FC<ISidebarWrapperProps> = ({ children }) =>
         }
     };
 
-    const throttledListener = _.throttle(listener, THROTTLE_RATE);
+    const throttledListener = throttle(listener, THROTTLE_RATE);
 
     React.useEffect(() => {
         const { top } = asideRef.current.getBoundingClientRect();
diff --git a/ts/components/documentation/shared/link.tsx b/ts/components/documentation/shared/link.tsx
index 01df4996b..b706ffe0b 100644
--- a/ts/components/documentation/shared/link.tsx
+++ b/ts/components/documentation/shared/link.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { noop, startsWith } from 'lodash-es';
 import * as React from 'react';
 import { NavLink as ReactRounterLink } from 'react-router-dom';
 import { Link as ScrollLink } from 'react-scroll';
@@ -17,6 +17,7 @@ export interface BaseLinkProps {
     onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
     textDecoration?: string;
     fontColor?: string;
+    rel?: string;
 }
 
 export interface ScrollLinkProps extends BaseLinkProps {
@@ -49,9 +50,9 @@ export class Link extends React.Component<LinkProps, LinkState> {
         duration: constants.DOCS_SCROLL_DURATION_MS,
         fontColor: 'inherit',
         offset: 0,
-        onMouseEnter: _.noop.bind(_),
-        onMouseLeave: _.noop.bind(_),
-        onMouseOver: _.noop.bind(_),
+        onMouseEnter: noop,
+        onMouseLeave: noop,
+        onMouseOver: noop,
         shouldOpenInNewTab: false,
         textDecoration: 'none',
     };
@@ -62,8 +63,8 @@ export class Link extends React.Component<LinkProps, LinkState> {
     }
     public render(): React.ReactNode {
         let type: LinkType;
-        const isReactRoute = _.startsWith(this.props.to, '/');
-        const isExternal = validUrl.isWebUri(this.props.to) || _.startsWith(this.props.to, 'mailto:');
+        const isReactRoute = startsWith(this.props.to, '/');
+        const isExternal = validUrl.isWebUri(this.props.to) || startsWith(this.props.to, 'mailto:');
         if (isReactRoute) {
             type = LinkType.ReactRoute;
         } else if (isExternal) {
@@ -89,7 +90,7 @@ export class Link extends React.Component<LinkProps, LinkState> {
                         onMouseOver={this.props.onMouseOver}
                         onMouseEnter={this.props.onMouseEnter}
                         onMouseLeave={this.props.onMouseLeave}
-                        rel={this.props.shouldOpenInNewTab ? 'noopener' : undefined}
+                        rel={this.props.shouldOpenInNewTab ? 'noopener' : this.props.rel || undefined}
                     >
                         {this.props.children}
                     </a>
diff --git a/ts/components/dropdowns/dropdown_resources.tsx b/ts/components/dropdowns/dropdown_resources.tsx
index f867118ae..9dbd024ca 100644
--- a/ts/components/dropdowns/dropdown_resources.tsx
+++ b/ts/components/dropdowns/dropdown_resources.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled, { withTheme } from 'styled-components';
 import { Column, FlexWrap } from 'ts/components/newLayout';
@@ -55,7 +55,7 @@ export const DropdownResources: React.FunctionComponent<Props> = withTheme((prop
     <>
         <DropdownWrap>
             <ul>
-                {_.map(introData, (item, index) => (
+                {map(introData, (item, index) => (
                     <li key={`introLink-${index}`}>
                         <Link to={item.url} shouldOpenInNewTab={item.shouldOpenInNewTab}>
                             {item.label}
@@ -71,7 +71,7 @@ export const DropdownResources: React.FunctionComponent<Props> = withTheme((prop
                     </Heading>
 
                     <ul>
-                        {_.map(programsData, (item, index) => (
+                        {map(programsData, (item, index) => (
                             <li key={`programsLink-${index}`}>
                                 <Link to={item.url} shouldOpenInNewTab={item.shouldOpenInNewTab}>
                                     {item.label}
diff --git a/ts/components/dropdowns/network_drop_down.tsx b/ts/components/dropdowns/network_drop_down.tsx
index 34e5dfaba..8e0dde993 100644
--- a/ts/components/dropdowns/network_drop_down.tsx
+++ b/ts/components/dropdowns/network_drop_down.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import DropDownMenu from 'material-ui/DropDownMenu';
 import MenuItem from 'material-ui/MenuItem';
 import * as React from 'react';
@@ -23,7 +23,7 @@ export class NetworkDropDown extends React.Component<NetworkDropDownProps, Netwo
         );
     }
     private _renderDropDownItems(): React.ReactNode {
-        const items = _.map(this.props.avialableNetworkIds, (networkId) => {
+        const items = map(this.props.avialableNetworkIds, (networkId) => {
             const networkName = constants.NETWORK_NAME_BY_ID[networkId];
             const primaryText = (
                 <div className="flex">
diff --git a/ts/components/eth_weth_conversion_button.tsx b/ts/components/eth_weth_conversion_button.tsx
index 536ba924b..3779234fb 100644
--- a/ts/components/eth_weth_conversion_button.tsx
+++ b/ts/components/eth_weth_conversion_button.tsx
@@ -1,6 +1,6 @@
 import { BigNumber, logUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
+import { includes, noop } from 'lodash-es';
 import RaisedButton from 'material-ui/RaisedButton';
 import * as React from 'react';
 import { Blockchain } from 'ts/blockchain';
@@ -37,7 +37,7 @@ export class EthWethConversionButton extends React.Component<
 > {
     public static defaultProps: Partial<EthWethConversionButtonProps> = {
         isDisabled: false,
-        onConversionSuccessful: _.noop.bind(_),
+        onConversionSuccessful: noop,
     };
     public constructor(props: EthWethConversionButtonProps) {
         super(props);
@@ -108,7 +108,7 @@ export class EthWethConversionButton extends React.Component<
             this.props.onConversionSuccessful();
         } catch (err) {
             const errMsg = `${err}`;
-            if (_.includes(errMsg, BlockchainCallErrs.UserHasNoAssociatedAddresses)) {
+            if (includes(errMsg, BlockchainCallErrs.UserHasNoAssociatedAddresses)) {
                 this.props.dispatcher.updateShouldBlockchainErrDialogBeOpen(true);
             } else if (!utils.didUserDenyWeb3Request(errMsg)) {
                 logUtils.log(`Unexpected error encountered: ${err}`);
diff --git a/ts/components/eth_wrappers.tsx b/ts/components/eth_wrappers.tsx
index fa4bcc29c..55d966f5f 100644
--- a/ts/components/eth_wrappers.tsx
+++ b/ts/components/eth_wrappers.tsx
@@ -1,6 +1,6 @@
 import { BigNumber } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
+import { compact, each, find, isEmpty, map, values } from 'lodash-es';
 import Divider from 'material-ui/Divider';
 import { Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn } from 'material-ui/Table';
 import * as moment from 'moment';
@@ -54,7 +54,7 @@ export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersSt
         this._isUnmounted = false;
         const outdatedWETHAddresses = this._getOutdatedWETHAddresses();
         const outdatedWETHStateByAddress: TokenStateByAddress = {};
-        _.each(outdatedWETHAddresses, (outdatedWETHAddress) => {
+        each(outdatedWETHAddresses, (outdatedWETHAddress) => {
             outdatedWETHStateByAddress[outdatedWETHAddress] = {
                 balance: new BigNumber(0),
                 allowance: new BigNumber(0),
@@ -214,7 +214,7 @@ export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersSt
                         <a href={constants.URL_CANONICAL_WETH_POST} target="_blank">
                             canonical WETH
                         </a>{' '}
-                        contract is updated when necessary. Unwrap outdated WETH in order to
 retrieve your ETH and move
+                        contract is updated when necessary. Unwrap outdated WETH in order to retrieve your ETH and move
                         it to the updated WETH token.
                     </div>
                     <div>
@@ -255,7 +255,7 @@ export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersSt
         );
     }
     private _renderOutdatedWeths(etherToken: Token): React.ReactNode {
-        const rows = _.map(
+        const rows = map(
             configs.OUTDATED_WRAPPED_ETHERS,
             (outdatedWETHByNetworkId: OutdatedWrappedEtherByNetworkId) => {
                 const outdatedWETHIfExists = outdatedWETHByNetworkId[this.props.networkId];
@@ -365,7 +365,7 @@ export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersSt
                 },
             },
         });
-        const userAddressIfExists = _.isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
+        const userAddressIfExists = isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
         const [balance, allowance] = await this.props.blockchain.getTokenBalanceAndAllowanceAsync(
             userAddressIfExists,
             outdatedWETHAddress,
@@ -382,9 +382,9 @@ export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersSt
         });
     }
     private async _fetchWETHStateAsync(): Promise<void> {
-        const tokens = _.values(this.props.tokenByAddress);
-        const wethToken = _.find(tokens, (token) => token.symbol === 'WETH');
-        const userAddressIfExists = _.isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
+        const tokens = values(this.props.tokenByAddress);
+        const wethToken = find(tokens, (token) => token.symbol === 'WETH');
+        const userAddressIfExists = isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
         const [wethBalance, wethAllowance] = await this.props.blockchain.getTokenBalanceAndAllowanceAsync(
             userAddressIfExists,
             wethToken.address,
@@ -415,8 +415,8 @@ export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersSt
         }
     }
     private _getOutdatedWETHAddresses(): string[] {
-        const outdatedWETHAddresses = _.compact(
-            _.map(configs.OUTDATED_WRAPPED_ETHERS, (outdatedWrappedEtherByNetwork) => {
+        const outdatedWETHAddresses = compact(
+            map(configs.OUTDATED_WRAPPED_ETHERS, (outdatedWrappedEtherByNetwork) => {
                 const outdatedWrappedEtherIfExists = outdatedWrappedEtherByNetwork[this.props.networkId];
                 if (outdatedWrappedEtherIfExists === undefined) {
                     return undefined;
@@ -428,13 +428,13 @@ export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersSt
         return outdatedWETHAddresses;
     }
     private _getEthToken(): Token {
-        const tokens = _.values(this.props.tokenByAddress);
-        const etherToken = _.find(tokens, { symbol: 'WETH' });
+        const tokens = values(this.props.tokenByAddress);
+        const etherToken = find(tokens, { symbol: 'WETH' });
         return etherToken;
     }
     private async _refetchEthTokenStateAsync(): Promise<void> {
         const etherToken = this._getEthToken();
-        const userAddressIfExists = _.isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
+        const userAddressIfExists = isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
         const [balance, allowance] = await this.props.blockchain.getTokenBalanceAndAllowanceAsync(
             userAddressIfExists,
             etherToken.address,
diff --git a/ts/components/fill_order.tsx b/ts/components/fill_order.tsx
index d6cb12a0b..2a5597f94 100644
--- a/ts/components/fill_order.tsx
+++ b/ts/components/fill_order.tsx
@@ -3,7 +3,7 @@ import { assetDataUtils, orderHashUtils } from '@0x/order-utils';
 import { BigNumber, logUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
 import * as accounting from 'accounting';
-import * as _ from 'lodash';
+
 import { Card, CardHeader, CardText } from 'material-ui/Card';
 import Divider from 'material-ui/Divider';
 import RaisedButton from 'material-ui/RaisedButton';
diff --git a/ts/components/fill_order_json.tsx b/ts/components/fill_order_json.tsx
index 09a19e9b3..f1b5c3359 100644
--- a/ts/components/fill_order_json.tsx
+++ b/ts/components/fill_order_json.tsx
@@ -1,7 +1,7 @@
 /*
 import { generatePseudoRandomSalt } from '@0x/order-utils';
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+
 import Paper from 'material-ui/Paper';
 import TextField from 'material-ui/TextField';
 import * as React from 'react';
diff --git a/ts/components/flash_messages/asset_send_completed.tsx b/ts/components/flash_messages/asset_send_completed.tsx
index 3f0a46ca8..2b565be21 100644
--- a/ts/components/flash_messages/asset_send_completed.tsx
+++ b/ts/components/flash_messages/asset_send_completed.tsx
@@ -1,6 +1,5 @@
 import { BigNumber } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
 import * as React from 'react';
 import { colors } from 'ts/utils/colors';
 import { utils } from 'ts/utils/utils';
diff --git a/ts/components/flash_messages/transaction_submitted.tsx b/ts/components/flash_messages/transaction_submitted.tsx
index bd0940c50..ffedb4298 100644
--- a/ts/components/flash_messages/transaction_submitted.tsx
+++ b/ts/components/flash_messages/transaction_submitted.tsx
@@ -1,4 +1,3 @@
-import * as _ from 'lodash';
 import * as React from 'react';
 import { colors } from 'ts/utils/colors';
 
diff --git a/ts/components/generate_order/asset_picker.tsx b/ts/components/generate_order/asset_picker.tsx
index b2e7ac804..26cc4a71a 100644
--- a/ts/components/generate_order/asset_picker.tsx
+++ b/ts/components/generate_order/asset_picker.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { filter, isEmpty, map, values } from 'lodash-es';
 import Dialog from 'material-ui/Dialog';
 import FlatButton from 'material-ui/FlatButton';
 import * as moment from 'moment';
@@ -135,12 +135,12 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt
     private _renderGridTiles(): React.ReactNode {
         let isHovered;
         let tileStyles;
-        const allTokens = _.values(this.props.tokenByAddress);
+        const allTokens = values(this.props.tokenByAddress);
         // filter tokens based on visibility specified in props, do not show ZRX or ETHER as tracked or untracked
         const filteredTokens =
             this.props.tokenVisibility === TokenVisibility.All
                 ? allTokens
-                : _.filter(allTokens, (token) => {
+                : filter(allTokens, (token) => {
                       return (
                           token.symbol !== constants.ZRX_TOKEN_SYMBOL &&
                           token.symbol !== constants.ETHER_TOKEN_SYMBOL &&
@@ -152,10 +152,10 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt
         // if we are showing tracked tokens, sort by date added, otherwise sort by symbol
         const sortKey = this.props.tokenVisibility === TokenVisibility.Tracked ? 'trackedTimestamp' : 'symbol';
         const sortedTokens = filteredTokens.sort(firstBy(sortKey));
-        if (_.isEmpty(sortedTokens)) {
+        if (isEmpty(sortedTokens)) {
             return <div className="mx-auto p4 h2">No tokens to remove.</div>;
         }
-        const gridTiles = _.map(sortedTokens, (token) => {
+        const gridTiles = map(sortedTokens, (token) => {
             const address = token.address;
             isHovered = this.state.hoveredAddress === address;
             tileStyles = {
diff --git a/ts/components/generate_order/generate_order_form.tsx b/ts/components/generate_order/generate_order_form.tsx
index e6f489f9c..781b91bac 100644
--- a/ts/components/generate_order/generate_order_form.tsx
+++ b/ts/components/generate_order/generate_order_form.tsx
@@ -2,7 +2,7 @@
 import { assetDataUtils, generatePseudoRandomSalt, orderHashUtils } from '@0x/order-utils';
 import { Order as ZeroExOrder } from '@0x/types';
 import { BigNumber, logUtils } from '@0x/utils';
-import * as _ from 'lodash';
+
 import Dialog from 'material-ui/Dialog';
 import Divider from 'material-ui/Divider';
 import * as React from 'react';
diff --git a/ts/components/generate_order/new_token_form.tsx b/ts/components/generate_order/new_token_form.tsx
index 90fac3145..4ddf62e0e 100644
--- a/ts/components/generate_order/new_token_form.tsx
+++ b/ts/components/generate_order/new_token_form.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { find, parseInt as lodashParseInt, values } from 'lodash-es';
 import TextField from 'material-ui/TextField';
 import * as moment from 'moment';
 import * as React from 'react';
@@ -144,7 +144,7 @@ export class NewTokenForm extends React.Component<NewTokenFormProps, NewTokenFor
 
         const newToken: Token = {
             address: this.state.address,
-            decimals: _.parseInt(this.state.decimals),
+            decimals: lodashParseInt(this.state.decimals),
             iconUrl: undefined,
             name: this.state.name,
             symbol: this.state.symbol.toUpperCase(),
@@ -156,8 +156,8 @@ export class NewTokenForm extends React.Component<NewTokenFormProps, NewTokenFor
     private _onTokenNameChanged(_event: any, name: string): void {
         let nameErrText = '';
         const maxLength = 30;
-        const tokens = _.values(this.props.tokenByAddress);
-        const tokenWithNameIfExists = _.find(tokens, { name });
+        const tokens = values(this.props.tokenByAddress);
+        const tokenWithNameIfExists = find(tokens, { name });
         const doesTokenWithNameExists = tokenWithNameIfExists !== undefined;
         if (name === '') {
             nameErrText = 'Name is required';
@@ -177,8 +177,8 @@ export class NewTokenForm extends React.Component<NewTokenFormProps, NewTokenFor
     private _onTokenSymbolChanged(_event: any, symbol: string): void {
         let symbolErrText = '';
         const maxLength = 5;
-        const tokens = _.values(this.props.tokenByAddress);
-        const doesTokenWithSymbolExists = _.find(tokens, { symbol }) !== undefined;
+        const tokens = values(this.props.tokenByAddress);
+        const doesTokenWithSymbolExists = find(tokens, { symbol }) !== undefined;
         if (symbol === '') {
             symbolErrText = 'Symbol is required';
         } else if (!this._isAlphanumeric(symbol)) {
diff --git a/ts/components/header.tsx b/ts/components/header.tsx
index 6ffee2466..60785f258 100644
--- a/ts/components/header.tsx
+++ b/ts/components/header.tsx
@@ -130,7 +130,9 @@ const NavItem = (props: { link: NavItemProps; key: string }) => {
         link.url === undefined ? (
             <StyledAnchor href="#">{link.text}</StyledAnchor>
         ) : (
-            <StyledNavLink to={link.url}>{link.text}</StyledNavLink>
+            <StyledNavLink to={link.url} rel="preload">
+                {link.text}
+            </StyledNavLink>
         );
     return (
         <LinkWrap>
diff --git a/ts/components/inputs/address_input.tsx b/ts/components/inputs/address_input.tsx
index 5926d0800..788a67721 100644
--- a/ts/components/inputs/address_input.tsx
+++ b/ts/components/inputs/address_input.tsx
@@ -1,5 +1,5 @@
 import { addressUtils } from '@0x/utils';
-import * as _ from 'lodash';
+
 import TextField from 'material-ui/TextField';
 import * as React from 'react';
 import { RequiredLabel } from 'ts/components/ui/required_label';
diff --git a/ts/components/inputs/allowance_state_toggle.tsx b/ts/components/inputs/allowance_state_toggle.tsx
index 306553541..65fbfe6dc 100644
--- a/ts/components/inputs/allowance_state_toggle.tsx
+++ b/ts/components/inputs/allowance_state_toggle.tsx
@@ -1,5 +1,6 @@
 import { BigNumber, logUtils } from '@0x/utils';
-import * as _ from 'lodash';
+
+import { noop } from 'lodash-es';
 import * as React from 'react';
 import ReactTooltip from 'react-tooltip';
 import { Blockchain } from 'ts/blockchain';
@@ -36,7 +37,7 @@ const DEFAULT_ALLOWANCE_AMOUNT_IN_BASE_UNITS = new BigNumber(2).pow(256).minus(1
 
 export class AllowanceStateToggle extends React.Component<AllowanceStateToggleProps, AllowanceStateToggleState> {
     public static defaultProps = {
-        onErrorOccurred: _.noop.bind(_),
+        onErrorOccurred: noop,
         tooltipDirection: PointerDirection.Right,
     };
     private static _getAllowanceState(tokenState: TokenState): AllowanceState {
diff --git a/ts/components/inputs/balance_bounded_input.tsx b/ts/components/inputs/balance_bounded_input.tsx
index 07cc01587..d42d7bf02 100644
--- a/ts/components/inputs/balance_bounded_input.tsx
+++ b/ts/components/inputs/balance_bounded_input.tsx
@@ -1,5 +1,6 @@
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+import { includes, noop } from 'lodash-es';
+
 import TextField from 'material-ui/TextField';
 import * as React from 'react';
 import { RequiredLabel } from 'ts/components/ui/required_label';
@@ -35,7 +36,7 @@ export class BalanceBoundedInput extends React.Component<BalanceBoundedInputProp
         isDisabled: false,
         shouldShowErrs: true,
         hintText: 'amount',
-        onErrorMsgChange: _.noop.bind(_),
+        onErrorMsgChange: noop,
         shouldShowUnderline: true,
     };
     constructor(props: BalanceBoundedInputProps) {
@@ -103,7 +104,7 @@ export class BalanceBoundedInput extends React.Component<BalanceBoundedInputProp
     private _onValueChange(_event: any, amountString: string): void {
         this._setAmountState(amountString, this.props.balance, () => {
             const isValid = this._validate(amountString, this.props.balance) === undefined;
-            const isPositiveNumber = utils.isNumeric(amountString) && !_.includes(amountString, '-');
+            const isPositiveNumber = utils.isNumeric(amountString) && !includes(amountString, '-');
             if (isPositiveNumber) {
                 this.props.onChange(isValid, new BigNumber(amountString));
             } else {
@@ -125,7 +126,7 @@ export class BalanceBoundedInput extends React.Component<BalanceBoundedInputProp
         const errMsg = this.props.validate === undefined ? undefined : this.props.validate(amount);
         return errMsg;
     }
-    private _setAmountState(amount: string, balance: BigNumber, callback: () => void = _.noop.bind(_)): void {
+    private _setAmountState(amount: string, balance: BigNumber, callback: () => void = noop): void {
         const errorMsg = this._validate(amount, balance);
         this.props.onErrorMsgChange(errorMsg);
         this.setState(
diff --git a/ts/components/inputs/eth_amount_input.tsx b/ts/components/inputs/eth_amount_input.tsx
index f9890e200..efda0a857 100644
--- a/ts/components/inputs/eth_amount_input.tsx
+++ b/ts/components/inputs/eth_amount_input.tsx
@@ -1,6 +1,6 @@
 import { BigNumber } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
+
 import * as React from 'react';
 import { BalanceBoundedInput } from 'ts/components/inputs/balance_bounded_input';
 import { ValidatedBigNumberCallback } from 'ts/types';
diff --git a/ts/components/inputs/expiration_input.tsx b/ts/components/inputs/expiration_input.tsx
index 304c78e08..383af5f52 100644
--- a/ts/components/inputs/expiration_input.tsx
+++ b/ts/components/inputs/expiration_input.tsx
@@ -1,5 +1,5 @@
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+
 import DatePicker from 'material-ui/DatePicker';
 import TimePicker from 'material-ui/TimePicker';
 import * as moment from 'moment';
diff --git a/ts/components/inputs/hash_input.tsx b/ts/components/inputs/hash_input.tsx
index 36603726d..bf19fc72a 100644
--- a/ts/components/inputs/hash_input.tsx
+++ b/ts/components/inputs/hash_input.tsx
@@ -1,7 +1,7 @@
 /*
 import { assetDataUtils, orderHashUtils } from '@0x/order-utils';
 import { Order } from '@0x/types';
-import * as _ from 'lodash';
+
 import * as React from 'react';
 import ReactTooltip from 'react-tooltip';
 
diff --git a/ts/components/inputs/token_amount_input.tsx b/ts/components/inputs/token_amount_input.tsx
index 59680c06b..7448b968d 100644
--- a/ts/components/inputs/token_amount_input.tsx
+++ b/ts/components/inputs/token_amount_input.tsx
@@ -1,6 +1,7 @@
 import { BigNumber } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
+
+import { isEmpty } from 'lodash-es';
 import * as React from 'react';
 import { Blockchain } from 'ts/blockchain';
 import { Link } from 'ts/components/documentation/shared/link';
@@ -127,7 +128,7 @@ export class TokenAmountInput extends React.Component<TokenAmountInputProps, Tok
         this.setState({
             isBalanceAndAllowanceLoaded: false,
         });
-        const userAddressIfExists = _.isEmpty(userAddress) ? undefined : userAddress;
+        const userAddressIfExists = isEmpty(userAddress) ? undefined : userAddress;
         const [balance, allowance] = await this.props.blockchain.getTokenBalanceAndAllowanceAsync(
             userAddressIfExists,
             tokenAddress,
diff --git a/ts/components/modals/modal_contact.tsx b/ts/components/modals/modal_contact.tsx
index c29aca7ae..f45bb87de 100644
--- a/ts/components/modals/modal_contact.tsx
+++ b/ts/components/modals/modal_contact.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { concat, includes, isEmpty, omitBy, pull, reduce } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -384,7 +384,7 @@ export class ModalContact extends React.Component<Props> {
                                 <CheckBoxInput
                                     onClick={this._handleCheckBoxInput.bind(this, metadata.name)}
                                     key={`checkbox-${metadata.name}`}
-                                    isSelected={_.includes(this.state.creditLeadsServices, metadata.name)}
+                                    isSelected={includes(this.state.creditLeadsServices, metadata.name)}
                                     label={metadata.label}
                                 />
                             );
@@ -397,9 +397,9 @@ export class ModalContact extends React.Component<Props> {
 
     private _handleCheckBoxInput(checkBoxName: string): void {
         if (this.props.modalContactType === ModalContactType.Credits) {
-            const newCreditLeadsServices = _.includes(this.state.creditLeadsServices, checkBoxName)
-                ? _.pull(this.state.creditLeadsServices, checkBoxName)
-                : _.concat(this.state.creditLeadsServices, checkBoxName);
+            const newCreditLeadsServices = includes(this.state.creditLeadsServices, checkBoxName)
+                ? pull(this.state.creditLeadsServices, checkBoxName)
+                : concat(this.state.creditLeadsServices, checkBoxName);
             this.setState({ creditLeadsServices: newCreditLeadsServices });
         } else if (this.props.modalContactType === ModalContactType.Explore) {
             this.setState({ exploreSupportInstant: checkBoxName === 'no' ? false : true });
@@ -533,7 +533,7 @@ export class ModalContact extends React.Component<Props> {
                 headers: {
                     'content-type': 'application/json; charset=utf-8',
                 },
-                body: JSON.stringify(_.omitBy(jsonBody, _.isEmpty)),
+                body: JSON.stringify(omitBy(jsonBody, isEmpty)),
             });
 
             if (!response.ok) {
@@ -552,7 +552,7 @@ export class ModalContact extends React.Component<Props> {
     private _parseErrors(errors: ErrorResponseProps[]): ErrorProps {
         const initialValue: {} = {};
         // tslint:disable-next-line: no-inferred-empty-object-type
-        return _.reduce(
+        return reduce(
             errors,
             (hash: ErrorProps, error: ErrorResponseProps) => {
                 const { param, msg } = error;
diff --git a/ts/components/nested_sidebar_menu.tsx b/ts/components/nested_sidebar_menu.tsx
index 1e11a673c..ce1ae8dfc 100644
--- a/ts/components/nested_sidebar_menu.tsx
+++ b/ts/components/nested_sidebar_menu.tsx
@@ -1,7 +1,7 @@
 import { Link } from 'ts/components/documentation/shared/link';
 
 import { ObjectMap } from '@0x/types';
-import * as _ from 'lodash';
+import { capitalize, map } from 'lodash-es';
 import * as React from 'react';
 import { Button } from 'ts/components/ui/button';
 import { Text } from 'ts/components/ui/text';
@@ -17,11 +17,11 @@ export interface NestedSidebarMenuProps {
 }
 
 export const NestedSidebarMenu = (props: NestedSidebarMenuProps) => {
-    const navigation = _.map(props.sectionNameToLinks, (links: ALink[], sectionName: string) => {
+    const navigation = map(props.sectionNameToLinks, (links: ALink[], sectionName: string) => {
         const finalSectionName = utils.convertCamelCaseToSpaces(sectionName);
-        const menuItems = _.map(links, (link, i) => {
+        const menuItems = map(links, (link, i) => {
             const menuItemTitle = props.shouldReformatMenuItemNames
-                ? _.capitalize(utils.convertDashesToSpaces(link.title))
+                ? capitalize(utils.convertDashesToSpaces(link.title))
                 : link.title;
             const finalLink = {
                 ...link,
diff --git a/ts/components/newLayout.tsx b/ts/components/newLayout.tsx
index 6f8ed4660..654dab86c 100644
--- a/ts/components/newLayout.tsx
+++ b/ts/components/newLayout.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { pick } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -62,7 +62,7 @@ export const Section: React.FunctionComponent<SectionProps> = React.memo((props:
     if (props.omitWrapper) {
         return <SectionBase {...props} />;
     }
-    const wrapProps = _.pick(props, [
+    const wrapProps = pick(props, [
         'bgColor',
         'id',
         'offsetTop',
diff --git a/ts/components/onboarding/onboarding_card.tsx b/ts/components/onboarding/onboarding_card.tsx
index 658ad58de..c6f4cc217 100644
--- a/ts/components/onboarding/onboarding_card.tsx
+++ b/ts/components/onboarding/onboarding_card.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { colors } from 'ts/utils/colors';
 
-import * as _ from 'lodash';
 import { Button } from 'ts/components/ui/button';
 import { Container } from 'ts/components/ui/container';
 import { IconButton } from 'ts/components/ui/icon_button';
diff --git a/ts/components/onboarding/portal_onboarding_flow.tsx b/ts/components/onboarding/portal_onboarding_flow.tsx
index 5316fdf08..1e51154be 100644
--- a/ts/components/onboarding/portal_onboarding_flow.tsx
+++ b/ts/components/onboarding/portal_onboarding_flow.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { isEmpty } from 'lodash-es';
 import * as React from 'react';
 import { RouteComponentProps, withRouter } from 'react-router';
 
@@ -169,7 +169,7 @@ class PlainPortalOnboardingFlow extends React.Component<PortalOnboardingFlowProp
         return steps;
     }
     private _isAddressAvailable(): boolean {
-        return !_.isEmpty(this.props.userAddress);
+        return !isEmpty(this.props.userAddress);
     }
     private _userHasVisibleEth(): boolean {
         return this.props.userEtherBalanceInWei > new BigNumber(0);
diff --git a/ts/components/order_json.tsx b/ts/components/order_json.tsx
index 57f6e80d4..61c6404e3 100644
--- a/ts/components/order_json.tsx
+++ b/ts/components/order_json.tsx
@@ -1,6 +1,6 @@
 /*
 import { BigNumber, fetchAsync, logUtils } from '@0x/utils';
-import * as _ from 'lodash';
+
 import Paper from 'material-ui/Paper';
 import TextField from 'material-ui/TextField';
 import * as React from 'react';
diff --git a/ts/components/portal/drawer_menu.tsx b/ts/components/portal/drawer_menu.tsx
index 7a67aa147..92f7ea3e6 100644
--- a/ts/components/portal/drawer_menu.tsx
+++ b/ts/components/portal/drawer_menu.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { concat } from 'lodash-es';
 import * as React from 'react';
 
 import { Blockchain } from 'ts/blockchain';
@@ -42,7 +42,7 @@ export const DrawerMenu = (props: DrawerMenuProps) => {
         labelText: 'Relayer ecosystem',
         iconName: 'zmdi-portable-wifi',
     };
-    const menuItemEntries = _.concat(relayerItemEntry, defaultMenuItemEntries);
+    const menuItemEntries = concat(relayerItemEntry, defaultMenuItemEntries);
     const accountState = utils.getAccountState(
         props.blockchainIsLoaded && props.blockchain !== undefined,
         props.providerType,
diff --git a/ts/components/portal/menu.tsx b/ts/components/portal/menu.tsx
index b2eac3470..044a4b1cc 100644
--- a/ts/components/portal/menu.tsx
+++ b/ts/components/portal/menu.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import { CustomMenuItem } from 'ts/components/ui/custom_menu_item';
 import { colors } from 'ts/style/colors';
@@ -63,7 +63,7 @@ const DEFAULT_MENU_THEME: MenuTheme = {
 export const Menu: React.StatelessComponent<MenuProps> = (props: MenuProps) => {
     return (
         <div style={{ paddingTop: 25 }}>
-            {_.map(props.menuItemEntries, (entry) => {
+            {map(props.menuItemEntries, (entry) => {
                 const isSelected = entry.to === props.selectedPath;
                 return (
                     <CustomMenuItem key={entry.to} to={entry.to}>
diff --git a/ts/components/portal/portal.tsx b/ts/components/portal/portal.tsx
index 7b403d3ce..c27bcfcf2 100644
--- a/ts/components/portal/portal.tsx
+++ b/ts/components/portal/portal.tsx
@@ -1,6 +1,6 @@
 /*
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+
 import * as React from 'react';
 import { Redirect, Route, RouteComponentProps, Switch } from 'react-router-dom';
 import { Link } from 'ts/components/documentation/shared/link';
diff --git a/ts/components/relayer_index/relayer_grid_tile.tsx b/ts/components/relayer_index/relayer_grid_tile.tsx
index 571525629..14cfcabe8 100644
--- a/ts/components/relayer_index/relayer_grid_tile.tsx
+++ b/ts/components/relayer_index/relayer_grid_tile.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { isEmpty } from 'lodash-es';
 import { GridTile as PlainGridTile } from 'material-ui/GridList';
 import * as React from 'react';
 import { analytics } from 'ts/utils/analytics';
@@ -109,7 +109,7 @@ export const RelayerGridTile: React.StatelessComponent<RelayerGridTileProps> = (
                         </Section>
                         <Container marginTop="10px">
                             <Section titleText="Top Tokens">
-                                {!_.isEmpty(topTokens) && <TopTokens tokens={topTokens} networkId={props.networkId} />}
+                                {!isEmpty(topTokens) && <TopTokens tokens={topTokens} networkId={props.networkId} />}
                             </Section>
                         </Container>
                     </div>
diff --git a/ts/components/relayer_index/relayer_top_tokens.tsx b/ts/components/relayer_index/relayer_top_tokens.tsx
index 726fec2f7..b5920a99e 100644
--- a/ts/components/relayer_index/relayer_top_tokens.tsx
+++ b/ts/components/relayer_index/relayer_top_tokens.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import { colors } from 'ts/utils/colors';
 
@@ -16,7 +16,7 @@ export interface TopTokensProps {
 export const TopTokens: React.StatelessComponent<TopTokensProps> = (props: TopTokensProps) => {
     return (
         <div className="flex">
-            {_.map(props.tokens, (tokenInfo: WebsiteBackendTokenInfo) => {
+            {map(props.tokens, (tokenInfo: WebsiteBackendTokenInfo) => {
                 return (
                     <Container key={tokenInfo.address} marginRight="16px">
                         <TokenLink tokenInfo={tokenInfo} networkId={props.networkId} />
diff --git a/ts/components/sections/landing/about.tsx b/ts/components/sections/landing/about.tsx
index 9bb25d3b5..a9e109324 100644
--- a/ts/components/sections/landing/about.tsx
+++ b/ts/components/sections/landing/about.tsx
@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import _ from 'lodash-es';
 import * as React from 'react';
 import { useWindowSize } from 'react-use';
 import styled from 'styled-components';
diff --git a/ts/components/send_button.tsx b/ts/components/send_button.tsx
index 27438e5d5..b34f791b0 100644
--- a/ts/components/send_button.tsx
+++ b/ts/components/send_button.tsx
@@ -1,5 +1,5 @@
 import { BigNumber, logUtils } from '@0x/utils';
-import * as _ from 'lodash';
+import { includes } from 'lodash-es';
 import RaisedButton from 'material-ui/RaisedButton';
 import * as React from 'react';
 import { Blockchain } from 'ts/blockchain';
@@ -77,7 +77,7 @@ export class SendButton extends React.Component<SendButtonProps, SendButtonState
             }
         } catch (err) {
             const errMsg = `${err}`;
-            if (_.includes(errMsg, BlockchainCallErrs.UserHasNoAssociatedAddresses)) {
+            if (includes(errMsg, BlockchainCallErrs.UserHasNoAssociatedAddresses)) {
                 this.props.dispatcher.updateShouldBlockchainErrDialogBeOpen(true);
                 return;
             } else if (!utils.didUserDenyWeb3Request(errMsg)) {
diff --git a/ts/components/staking/history_chart.tsx b/ts/components/staking/history_chart.tsx
index 3a35312a4..9d687962b 100644
--- a/ts/components/staking/history_chart.tsx
+++ b/ts/components/staking/history_chart.tsx
@@ -2,7 +2,7 @@ import { extent } from 'd3-array';
 import React, { useMemo } from 'react';
 import styled from 'styled-components';
 
-import { merge } from 'lodash';
+import { merge } from 'lodash-es';
 import { defaults, Line } from 'react-chartjs-2';
 
 import { colors } from 'ts/style/colors';
diff --git a/ts/components/staking/stake_rebalance.tsx b/ts/components/staking/stake_rebalance.tsx
index c563174da..bb02ef4e0 100644
--- a/ts/components/staking/stake_rebalance.tsx
+++ b/ts/components/staking/stake_rebalance.tsx
@@ -1,7 +1,6 @@
+import { flatMap } from 'lodash-es';
 import * as React from 'react';
 
-import * as _ from 'lodash';
-
 import styled from 'styled-components';
 
 import { MoveStakeData } from 'ts/hooks/use_stake';
@@ -307,7 +306,7 @@ export const StakeRebalance: React.FC<StakeRebalanceProps> = ({ onClose, poolDat
         });
 
         if (additions.length > 0) {
-            const data = _.flatMap<PoolDiff, MoveStakeData>(additions, (item) => {
+            const data = flatMap<PoolDiff, MoveStakeData>(additions, (item) => {
                 return generateMoveStakeData(item, reductions);
             });
             rebalanceStake(data);
diff --git a/ts/components/staking/wizard/wizard_flow.tsx b/ts/components/staking/wizard/wizard_flow.tsx
index 5cd8ae257..19cc31604 100644
--- a/ts/components/staking/wizard/wizard_flow.tsx
+++ b/ts/components/staking/wizard/wizard_flow.tsx
@@ -1,6 +1,7 @@
 import { BigNumber } from '@0x/utils';
 import { addDays, formatDistanceStrict } from 'date-fns';
-import * as _ from 'lodash';
+
+import { debounce, find, once } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -273,7 +274,7 @@ export interface StakingInputPaneProps {
 }
 
 type AmountTrackingValue = '25%' | '50%' | '100%' | 'custom';
-const trackStakingAmountSelected = _.debounce(
+const trackStakingAmountSelected = debounce(
     (value: AmountTrackingValue): void => {
         const { TRACKING } = constants.STAKING;
         trackEvent(TRACKING.STAKING_AMOUNT_EVENT, { value });
@@ -411,7 +412,7 @@ export const MarketMakerStakeInputPane: React.FC<MarketMakerStakeInputPaneProps>
         return null;
     }
 
-    const marketMakerPool = _.find(stakingPools, (p) => p.poolId === poolId);
+    const marketMakerPool = find(stakingPools, (p) => p.poolId === poolId);
 
     if (!marketMakerPool) {
         // TODO(johnrjj) error state
@@ -495,7 +496,7 @@ export const MarketMakerStakeInputPane: React.FC<MarketMakerStakeInputPaneProps>
     );
 };
 
-const trackStartStakingScreenViewed = _.once(() => {
+const trackStartStakingScreenViewed = once(() => {
     const { TRACKING } = constants.STAKING;
     trackEvent(TRACKING.START_STAKING_SCREEN_VIEWED);
 });
diff --git a/ts/components/token_balances.tsx b/ts/components/token_balances.tsx
index d417a0c26..942a2da38 100644
--- a/ts/components/token_balances.tsx
+++ b/ts/components/token_balances.tsx
@@ -1,6 +1,6 @@
 import { BigNumber, errorUtils, logUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
+import { difference, each, includes, isEmpty, isEqual, keys, map, size } from 'lodash-es';
 import Dialog from 'material-ui/Dialog';
 import Divider from 'material-ui/Divider';
 import FlatButton from 'material-ui/FlatButton';
@@ -98,7 +98,7 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
         };
     }
     public componentWillMount(): void {
-        const trackedTokenAddresses = _.keys(this.state.trackedTokenStateByAddress);
+        const trackedTokenAddresses = keys(this.state.trackedTokenStateByAddress);
         // tslint:disable-next-line:no-floating-promises
         this._fetchBalancesAndAllowancesAsync(trackedTokenAddresses);
     }
@@ -125,14 +125,14 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
             nextProps.networkId !== this.props.networkId ||
             nextProps.lastForceTokenStateRefetch !== this.props.lastForceTokenStateRefetch
         ) {
-            const trackedTokenAddresses = _.keys(this.state.trackedTokenStateByAddress);
+            const trackedTokenAddresses = keys(this.state.trackedTokenStateByAddress);
             // tslint:disable-next-line:no-floating-promises
             this._fetchBalancesAndAllowancesAsync(trackedTokenAddresses);
         }
 
-        if (!_.isEqual(nextProps.trackedTokens, this.props.trackedTokens)) {
-            const newTokens = _.difference(nextProps.trackedTokens, this.props.trackedTokens);
-            const newTokenAddresses = _.map(newTokens, (token) => token.address);
+        if (!isEqual(nextProps.trackedTokens, this.props.trackedTokens)) {
+            const newTokens = difference(nextProps.trackedTokens, this.props.trackedTokens);
+            const newTokenAddresses = map(newTokens, (token) => token.address);
             // Add placeholder entry for this token to the state, since fetching the
             // balance/allowance is asynchronous
             const trackedTokenStateByAddress = this.state.trackedTokenStateByAddress;
@@ -167,7 +167,7 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
         const stubColumnStyle = {
             display: isTestNetwork ? 'none' : 'table-cell',
         };
-        const allTokenRowHeight = _.size(this.props.tokenByAddress) * TOKEN_TABLE_ROW_HEIGHT;
+        const allTokenRowHeight = size(this.props.tokenByAddress) * TOKEN_TABLE_ROW_HEIGHT;
         const tokenTableHeight =
             allTokenRowHeight < MAX_TOKEN_TABLE_HEIGHT ? allTokenRowHeight : MAX_TOKEN_TABLE_HEIGHT;
         const isSmallScreen = this.props.screenWidth === ScreenWidths.Sm;
@@ -306,7 +306,7 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
                 .thenBy((t: Token) => t.symbol !== ZRX_TOKEN_SYMBOL)
                 .thenBy('trackedTimestamp'),
         );
-        const tableRows = _.map(
+        const tableRows = map(
             trackedTokensStartingWithEtherToken,
             this._renderTokenRow.bind(this, tokenColSpan, actionPaddingX),
         );
@@ -320,9 +320,9 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
             EtherscanLinkSuffixes.Address,
         );
         const isMintable =
-            (_.includes(configs.SYMBOLS_OF_MINTABLE_KOVAN_TOKENS, token.symbol) &&
+            (includes(configs.SYMBOLS_OF_MINTABLE_KOVAN_TOKENS, token.symbol) &&
                 this.props.networkId === constants.NETWORK_ID_BY_NAME[Networks.Kovan]) ||
-            (_.includes(configs.SYMBOLS_OF_MINTABLE_ROPSTEN_TOKENS, token.symbol) &&
+            (includes(configs.SYMBOLS_OF_MINTABLE_ROPSTEN_TOKENS, token.symbol) &&
                 this.props.networkId === constants.NETWORK_ID_BY_NAME[Networks.Ropsten]);
         return (
             <TableRow key={token.address} style={{ height: TOKEN_TABLE_ROW_HEIGHT }}>
@@ -395,14 +395,14 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
         );
     }
     private _onAssetTokenPicked(tokenAddress: string): void {
-        if (_.isEmpty(tokenAddress)) {
+        if (isEmpty(tokenAddress)) {
             this.setState({
                 isTokenPickerOpen: false,
             });
             return;
         }
         const token = this.props.tokenByAddress[tokenAddress];
-        const isDefaultTrackedToken = _.includes(configs.DEFAULT_TRACKED_TOKEN_SYMBOLS, token.symbol);
+        const isDefaultTrackedToken = includes(configs.DEFAULT_TRACKED_TOKEN_SYMBOLS, token.symbol);
         if (!this.state.isAddingToken && !isDefaultTrackedToken) {
             if (token.isRegistered) {
                 // Remove the token from tracked tokens
@@ -477,7 +477,7 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
             return true;
         } catch (err) {
             const errMsg = `${err}`;
-            if (_.includes(errMsg, BlockchainCallErrs.UserHasNoAssociatedAddresses)) {
+            if (includes(errMsg, BlockchainCallErrs.UserHasNoAssociatedAddresses)) {
                 this.props.dispatcher.updateShouldBlockchainErrDialogBeOpen(true);
                 return false;
             }
@@ -512,7 +512,7 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
     }
     private async _fetchBalancesAndAllowancesAsync(tokenAddresses: string[]): Promise<void> {
         const trackedTokenStateByAddress = this.state.trackedTokenStateByAddress;
-        const userAddressIfExists = _.isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
+        const userAddressIfExists = isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
         for (const tokenAddress of tokenAddresses) {
             const [balance, allowance] = await this.props.blockchain.getTokenBalanceAndAllowanceAsync(
                 userAddressIfExists,
@@ -532,7 +532,7 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
     }
     private _getInitialTrackedTokenStateByAddress(trackedTokens: Token[]): TokenStateByAddress {
         const trackedTokenStateByAddress: TokenStateByAddress = {};
-        _.each(trackedTokens, (token) => {
+        each(trackedTokens, (token) => {
             trackedTokenStateByAddress[token.address] = {
                 balance: new BigNumber(0),
                 allowance: new BigNumber(0),
@@ -542,7 +542,7 @@ export class TokenBalances extends React.Component<TokenBalancesProps, TokenBala
         return trackedTokenStateByAddress;
     }
     private async _refetchTokenStateAsync(tokenAddress: string): Promise<void> {
-        const userAddressIfExists = _.isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
+        const userAddressIfExists = isEmpty(this.props.userAddress) ? undefined : this.props.userAddress;
         const [balance, allowance] = await this.props.blockchain.getTokenBalanceAndAllowanceAsync(
             userAddressIfExists,
             tokenAddress,
diff --git a/ts/components/top_bar/top_bar.tsx b/ts/components/top_bar/top_bar.tsx
index 6ef233322..8251f1768 100644
--- a/ts/components/top_bar/top_bar.tsx
+++ b/ts/components/top_bar/top_bar.tsx
@@ -1,7 +1,8 @@
 import { Link } from 'ts/components/documentation/shared/link';
 
 import { ObjectMap } from '@0x/types';
-import * as _ from 'lodash';
+
+import { includes } from 'lodash-es';
 import Drawer from 'material-ui/Drawer';
 import MenuItem from 'material-ui/MenuItem';
 import * as React from 'react';
@@ -259,7 +260,7 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> {
         });
     }
     private _isViewingPortal(): boolean {
-        return _.includes(this.props.location.pathname, WebsitePaths.Portal);
+        return includes(this.props.location.pathname, WebsitePaths.Portal);
     }
     private _shouldDisplayBottomBar(): boolean {
         return this._isViewingPortal();
diff --git a/ts/components/track_token_confirmation.tsx b/ts/components/track_token_confirmation.tsx
index 307f16455..0a36ab6b0 100644
--- a/ts/components/track_token_confirmation.tsx
+++ b/ts/components/track_token_confirmation.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map, values } from 'lodash-es';
 import * as React from 'react';
 import { Party } from 'ts/components/ui/party';
 import { Token, TokenByAddress } from 'ts/types';
@@ -17,7 +17,7 @@ interface TrackTokenConfirmationState {}
 export class TrackTokenConfirmation extends React.Component<TrackTokenConfirmationProps, TrackTokenConfirmationState> {
     public render(): React.ReactNode {
         const isMultipleTokens = this.props.tokens.length > 1;
-        const allTokens = _.values(this.props.tokenByAddress);
+        const allTokens = values(this.props.tokenByAddress);
         return (
             <div style={{ color: colors.grey700 }}>
                 {this.props.isAddingTokenToTracked ? (
@@ -31,7 +31,7 @@ export class TrackTokenConfirmation extends React.Component<TrackTokenConfirmati
                     <div>
                         <div>You do not currently track the following token{isMultipleTokens && 's'}:</div>
                         <div className="py2 clearfix mx-auto center" style={{ width: 355 }}>
-                            {_.map(this.props.tokens, (token: Token) => (
+                            {map(this.props.tokens, (token: Token) => (
                                 <div
                                     key={`token-profile-${token.name}`}
                                     className={`col col-${isMultipleTokens ? '6' : '12'} px2`}
diff --git a/ts/components/trade_history/trade_history.tsx b/ts/components/trade_history/trade_history.tsx
index 6bb07a89d..4725386b5 100644
--- a/ts/components/trade_history/trade_history.tsx
+++ b/ts/components/trade_history/trade_history.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { each, find, map, sortBy, values } from 'lodash-es';
 import Divider from 'material-ui/Divider';
 import Paper from 'material-ui/Paper';
 import * as React from 'react';
@@ -71,7 +71,7 @@ export class TradeHistory extends React.Component<TradeHistoryProps, TradeHistor
             return this._renderEmptyNotice();
         }
 
-        return _.map(this.state.sortedFills, (fill, index) => {
+        return map(this.state.sortedFills, (fill, index) => {
             return (
                 <TradeHistoryItem
                     key={`${fill.orderHash}-${fill.filledTakerTokenAmount}-${index}`}
@@ -92,12 +92,12 @@ export class TradeHistory extends React.Component<TradeHistoryProps, TradeHistor
     }
     private _numFillsWithoutCustomERC20Tokens(): number {
         let numNonCustomFills = 0;
-        const tokens = _.values(this.props.tokenByAddress);
-        _.each(this.state.sortedFills, (fill) => {
-            const takerToken = _.find(tokens, (token) => {
+        const tokens = values(this.props.tokenByAddress);
+        each(this.state.sortedFills, (fill) => {
+            const takerToken = find(tokens, (token) => {
                 return token.address === fill.takerToken;
             });
-            const makerToken = _.find(tokens, (token) => {
+            const makerToken = find(tokens, (token) => {
                 return token.address === fill.makerToken;
             });
             // For now we don't show history items for orders using custom ERC20
@@ -125,8 +125,8 @@ export class TradeHistory extends React.Component<TradeHistoryProps, TradeHistor
     }
     private _getSortedFills(): Fill[] {
         const fillsByHash = tradeHistoryStorage.getUserFillsByHash(this.props.userAddress, this.props.networkId);
-        const fills = _.values(fillsByHash);
-        const sortedFills = _.sortBy(fills, [(fill: Fill) => fill.blockTimestamp * -1]);
+        const fills = values(fillsByHash);
+        const sortedFills = sortBy(fills, [(fill: Fill) => fill.blockTimestamp * -1]);
         return sortedFills;
     }
 }
diff --git a/ts/components/trade_history/trade_history_item.tsx b/ts/components/trade_history/trade_history_item.tsx
index 7f74fc15a..863ea3778 100644
--- a/ts/components/trade_history/trade_history_item.tsx
+++ b/ts/components/trade_history/trade_history_item.tsx
@@ -1,6 +1,7 @@
 import { BigNumber } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
+
+import { find, values } from 'lodash-es';
 import Paper from 'material-ui/Paper';
 import * as moment from 'moment';
 import * as React from 'react';
@@ -25,11 +26,11 @@ interface TradeHistoryItemState {}
 export class TradeHistoryItem extends React.Component<TradeHistoryItemProps, TradeHistoryItemState> {
     public render(): React.ReactNode {
         const fill = this.props.fill;
-        const tokens = _.values(this.props.tokenByAddress);
-        const takerToken = _.find(tokens, (token) => {
+        const tokens = values(this.props.tokenByAddress);
+        const takerToken = find(tokens, (token) => {
             return token.address === fill.takerToken;
         });
-        const makerToken = _.find(tokens, (token) => {
+        const makerToken = find(tokens, (token) => {
             return token.address === fill.makerToken;
         });
         // For now we don't show history items for orders using custom ERC20
diff --git a/ts/components/ui/breadcrumb.tsx b/ts/components/ui/breadcrumb.tsx
index 39eef06ce..5f5d6a055 100644
--- a/ts/components/ui/breadcrumb.tsx
+++ b/ts/components/ui/breadcrumb.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import { Link as ReactRouterLink } from 'react-router-dom';
 import styled from 'styled-components';
@@ -26,7 +26,7 @@ export const Breadcrumb: React.StatelessComponent<BreadcrumbProps> = ({ crumbs }
             </ButtonBack>
 
             <p>
-                {_.map(crumbs, (crumb) => {
+                {map(crumbs, (crumb) => {
                     if (crumb.url) {
                         return (
                             <ReactRouterLink key={crumb.url} to={crumb.url}>
diff --git a/ts/components/ui/custom_menu_item.tsx b/ts/components/ui/custom_menu_item.tsx
index e8105bec2..223a9f959 100644
--- a/ts/components/ui/custom_menu_item.tsx
+++ b/ts/components/ui/custom_menu_item.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { noop } from 'lodash-es';
 import * as React from 'react';
 import { Link } from 'ts/components/documentation/shared/link';
 
@@ -14,7 +14,7 @@ interface CustomMenuItemState {
 
 export class CustomMenuItem extends React.Component<CustomMenuItemProps, CustomMenuItemState> {
     public static defaultProps: Partial<CustomMenuItemProps> = {
-        onClick: _.noop.bind(_),
+        onClick: noop,
         className: '',
     };
     public constructor(props: CustomMenuItemProps) {
diff --git a/ts/components/ui/drop_down.tsx b/ts/components/ui/drop_down.tsx
index 305b6b783..a52422a95 100644
--- a/ts/components/ui/drop_down.tsx
+++ b/ts/components/ui/drop_down.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { noop } from 'lodash-es';
 import Popover from 'material-ui/Popover';
 import * as React from 'react';
 import { MaterialUIPosition } from 'ts/types';
@@ -77,9 +77,7 @@ export class DropDown extends React.Component<DropDownProps, DropDownState> {
                     anchorOrigin={this.props.anchorOrigin}
                     targetOrigin={this.props.targetOrigin}
                     onRequestClose={
-                        this.props.closeEvent === DropdownMouseEvent.Click
-                            ? this._closePopover.bind(this)
-                            : _.noop.bind(_)
+                        this.props.closeEvent === DropdownMouseEvent.Click ? this._closePopover.bind(this) : noop
                     }
                     useLayerForClickAway={this.props.closeEvent === DropdownMouseEvent.Click}
                     animated={false}
diff --git a/ts/components/ui/icon_button.tsx b/ts/components/ui/icon_button.tsx
index 67af7b62c..a47fa4f2a 100644
--- a/ts/components/ui/icon_button.tsx
+++ b/ts/components/ui/icon_button.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { isEmpty } from 'lodash-es';
 import * as React from 'react';
 import { Styles } from 'ts/types';
 import { colors } from 'ts/utils/colors';
@@ -49,7 +49,7 @@ export class IconButton extends React.Component<IconButtonProps, IconButtonState
                 style={styles.root}
             >
                 <i style={styles.icon} className={`zmdi ${this.props.iconName}`} />
-                {!_.isEmpty(this.props.labelText) && (
+                {!isEmpty(this.props.labelText) && (
                     <div className="pl1" style={styles.label}>
                         {this.props.labelText}
                     </div>
diff --git a/ts/components/ui/identicon.tsx b/ts/components/ui/identicon.tsx
index 9eca04a5d..542d1aeb3 100644
--- a/ts/components/ui/identicon.tsx
+++ b/ts/components/ui/identicon.tsx
@@ -1,5 +1,6 @@
 import blockies from 'blockies';
-import * as _ from 'lodash';
+
+import { isEmpty } from 'lodash-es';
 import * as React from 'react';
 
 import { Circle } from 'ts/components/ui/circle';
@@ -31,7 +32,7 @@ export class Identicon extends React.Component<IdenticonProps, IdenticonState> {
                     ...this.props.style,
                 }}
             >
-                {!_.isEmpty(address) ? (
+                {!isEmpty(address) ? (
                     <Image
                         src={blockies({
                             seed: address.toLowerCase(),
diff --git a/ts/components/ui/multi_select.tsx b/ts/components/ui/multi_select.tsx
index 11360ae3c..72e8c80f7 100644
--- a/ts/components/ui/multi_select.tsx
+++ b/ts/components/ui/multi_select.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { includes, map } from 'lodash-es';
 import * as React from 'react';
 import { colors } from 'ts/utils/colors';
 
@@ -31,13 +31,13 @@ export class MultiSelect extends React.Component<MultiSelectProps> {
                 height={height}
                 overflowY="scroll"
             >
-                {_.map(items, (item) => (
+                {map(items, (item) => (
                     <MultiSelectItem
                         key={item.value}
                         renderItemContent={item.renderItemContent}
                         backgroundColor={backgroundColor}
                         onClick={item.onClick}
-                        isSelected={selectedValues === undefined || _.includes(selectedValues, item.value)}
+                        isSelected={selectedValues === undefined || includes(selectedValues, item.value)}
                     />
                 ))}
             </Container>
diff --git a/ts/components/ui/overlay.tsx b/ts/components/ui/overlay.tsx
index 513e69aeb..a5adc6ed0 100644
--- a/ts/components/ui/overlay.tsx
+++ b/ts/components/ui/overlay.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { noop } from 'lodash-es';
 import * as React from 'react';
 
 import { zIndex } from 'ts/style/z_index';
@@ -26,7 +26,7 @@ export const Overlay: React.StatelessComponent<OverlayProps> = (props) => (
 
 Overlay.defaultProps = {
     style: {},
-    onClick: _.noop.bind(_),
+    onClick: noop,
 };
 
 Overlay.displayName = 'Overlay';
diff --git a/ts/components/ui/party.tsx b/ts/components/ui/party.tsx
index fe85aef0c..c316fdf9f 100644
--- a/ts/components/ui/party.tsx
+++ b/ts/components/ui/party.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { isEmpty } from 'lodash-es';
 import * as React from 'react';
 import ReactTooltip from 'react-tooltip';
 import { EthereumAddress } from 'ts/components/ui/ethereum_address';
@@ -54,7 +54,7 @@ export class Party extends React.Component<PartyProps, PartyState> {
         return (
             <div style={{ overflow: 'hidden' }}>
                 <div className="pb1 center">{label}</div>
-                {_.isEmpty(address) ? (
+                {isEmpty(address) ? (
                     <div className="circle mx-auto" style={emptyIdenticonStyles} />
                 ) : (
                     <a href={etherscanLinkIfExists} target="_blank">
diff --git a/ts/components/ui/simple_menu.tsx b/ts/components/ui/simple_menu.tsx
index 284a9c48a..db9391236 100644
--- a/ts/components/ui/simple_menu.tsx
+++ b/ts/components/ui/simple_menu.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { noop } from 'lodash-es';
 import * as React from 'react';
 import * as CopyToClipboard from 'react-copy-to-clipboard';
 import { Link } from 'ts/components/documentation/shared/link';
@@ -38,12 +38,7 @@ export const SimpleMenuItem: React.StatelessComponent<SimpleMenuItemProps> = ({
     // Falling back to _.noop for onclick retains the hovering effect
     return (
         <Container marginTop="16px" className="flex flex-column">
-            <Text
-                fontSize="14px"
-                fontColor={colors.darkGrey}
-                onClick={onClick || _.noop.bind(_)}
-                hoverColor={colors.mediumBlue}
-            >
+            <Text fontSize="14px" fontColor={colors.darkGrey} onClick={onClick || noop} hoverColor={colors.mediumBlue}>
                 {displayText}
             </Text>
         </Container>
diff --git a/ts/components/ui/table.tsx b/ts/components/ui/table.tsx
index aabdc4af6..5ad06531f 100644
--- a/ts/components/ui/table.tsx
+++ b/ts/components/ui/table.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -13,7 +13,7 @@ export const Table: React.StatelessComponent<TableProps> = ({ columns, children
     return (
         <StyledTable>
             <thead>
-                {_.map(columns, (label) => {
+                {map(columns, (label) => {
                     return <th key={label}>{label}</th>;
                 })}
             </thead>
diff --git a/ts/components/ui/token_icon.tsx b/ts/components/ui/token_icon.tsx
index 56e696a2d..1917142f4 100644
--- a/ts/components/ui/token_icon.tsx
+++ b/ts/components/ui/token_icon.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { isEmpty } from 'lodash-es';
 import * as React from 'react';
 import { Identicon } from 'ts/components/ui/identicon';
 import { Token } from 'ts/types';
@@ -21,7 +21,7 @@ export class TokenIcon extends React.Component<TokenIconProps, TokenIconState> {
             ) : (
                 <Identicon address={token.address} diameter={diameter} />
             );
-        if (_.isEmpty(this.props.link)) {
+        if (isEmpty(this.props.link)) {
             return icon;
         } else {
             return (
diff --git a/ts/components/visual_order.tsx b/ts/components/visual_order.tsx
index d723757d2..495c64870 100644
--- a/ts/components/visual_order.tsx
+++ b/ts/components/visual_order.tsx
@@ -1,5 +1,5 @@
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
+import { values } from 'lodash-es';
 import * as React from 'react';
 import { Party } from 'ts/components/ui/party';
 import { AssetToken, Token, TokenByAddress } from 'ts/types';
@@ -21,7 +21,7 @@ interface VisualOrderState {}
 
 export class VisualOrder extends React.Component<VisualOrderProps, VisualOrderState> {
     public render(): React.ReactNode {
-        const allTokens = _.values(this.props.tokenByAddress);
+        const allTokens = values(this.props.tokenByAddress);
         const makerImage = this.props.makerToken.iconUrl;
         const takerImage = this.props.takerToken.iconUrl;
         return (
diff --git a/ts/components/wallet/wallet.tsx b/ts/components/wallet/wallet.tsx
index ecd3947a8..aa3c04606 100644
--- a/ts/components/wallet/wallet.tsx
+++ b/ts/components/wallet/wallet.tsx
@@ -1,7 +1,8 @@
 import { BigNumber, errorUtils } from '@0x/utils';
-import * as _ from 'lodash';
+
 import { utils } from 'ts/utils/utils';
 
+import { concat, difference, head, includes, isEmpty, map, noop, range, size } from 'lodash-es';
 import ActionAccountBalanceWallet from 'material-ui/svg-icons/action/account-balance-wallet';
 import * as React from 'react';
 import firstBy from 'thenby';
@@ -109,14 +110,14 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
     }
     public componentDidUpdate(prevProps: WalletProps): void {
         const currentTrackedTokens = this.props.trackedTokens;
-        const differentTrackedTokens = _.difference(currentTrackedTokens, prevProps.trackedTokens);
-        const firstDifferentTrackedToken = _.head(differentTrackedTokens);
+        const differentTrackedTokens = difference(currentTrackedTokens, prevProps.trackedTokens);
+        const firstDifferentTrackedToken = head(differentTrackedTokens);
         // check if there is only one different token, and if that token is a member of the current tracked tokens
         // this means that the token was added, not removed
         if (
             firstDifferentTrackedToken !== undefined &&
-            _.size(differentTrackedTokens) === 1 &&
-            _.includes(currentTrackedTokens, firstDifferentTrackedToken)
+            size(differentTrackedTokens) === 1 &&
+            includes(currentTrackedTokens, firstDifferentTrackedToken)
         ) {
             document.getElementById(firstDifferentTrackedToken.address).scrollIntoView();
         }
@@ -129,17 +130,17 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
         );
     }
     private _renderLoadingRows(): React.ReactNode {
-        return _.concat(this._renderLoadingHeaderRows(), this._renderLoadingBodyRows());
+        return concat(this._renderLoadingHeaderRows(), this._renderLoadingBodyRows());
     }
     private _renderLoadingHeaderRows(): React.ReactElement<{}> {
         return this._renderPlainHeaderRow('Loading...');
     }
     private _renderLoadingBodyRows(): React.ReactElement<{}> {
         const bodyStyle = this._getBodyStyle();
-        const loadingRowsRange = _.range(LOADING_ROWS_COUNT);
+        const loadingRowsRange = range(LOADING_ROWS_COUNT);
         return (
             <div key={BODY_ITEM_KEY} className="flex flex-column" style={bodyStyle}>
-                {_.map(loadingRowsRange, (index) => {
+                {map(loadingRowsRange, (index) => {
                     return <NullTokenRow key={index} iconDimension={ICON_DIMENSION} fillColor={PLACEHOLDER_COLOR} />;
                 })}
                 <Container
@@ -165,10 +166,10 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
         );
     }
     private _renderLoadedRows(): React.ReactNode {
-        const isAddressAvailable = !_.isEmpty(this.props.userAddress);
+        const isAddressAvailable = !isEmpty(this.props.userAddress);
         return isAddressAvailable
-            ? _.concat(this._renderConnectedHeaderRows(), this._renderBody())
-            : _.concat(this._renderDisconnectedHeaderRows(), this._renderLoadingBodyRows());
+            ? concat(this._renderConnectedHeaderRows(), this._renderBody())
+            : concat(this._renderDisconnectedHeaderRows(), this._renderLoadingBodyRows());
     }
     private _renderDisconnectedHeaderRows(): React.ReactElement<{}> {
         const isExternallyInjectedProvider = utils.isExternallyInjected(
@@ -207,7 +208,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
                 <AccountConnection accountState={accountState} injectedProviderName={this.props.injectedProviderName} />
             </div>
         );
-        const onClick = _.noop.bind(_);
+        const onClick = noop;
         const accessory = (
             <DropDown
                 activeNode={
@@ -317,7 +318,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
                 .thenBy((t: Token) => t.symbol !== constants.ZRX_TOKEN_SYMBOL)
                 .thenBy('trackedTimestamp'),
         );
-        return _.map(trackedTokensStartingWithEtherToken, this._renderTokenRow.bind(this));
+        return map(trackedTokensStartingWithEtherToken, this._renderTokenRow.bind(this));
     }
     private _renderTokenRow(token: Token): React.ReactNode {
         const tokenState = this.props.trackedTokenStateByAddress[token.address];
diff --git a/ts/components/wallet/wrap_ether_item.tsx b/ts/components/wallet/wrap_ether_item.tsx
index 6052756ef..68f94f0fd 100644
--- a/ts/components/wallet/wrap_ether_item.tsx
+++ b/ts/components/wallet/wrap_ether_item.tsx
@@ -1,6 +1,7 @@
 import { BigNumber, logUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
+
+import { includes } from 'lodash-es';
 import FlatButton from 'material-ui/FlatButton';
 import * as React from 'react';
 
@@ -203,7 +204,7 @@ export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEther
             this.props.onConversionSuccessful();
         } catch (err) {
             const errMsg = `${err}`;
-            if (_.includes(errMsg, BlockchainCallErrs.UserHasNoAssociatedAddresses)) {
+            if (includes(errMsg, BlockchainCallErrs.UserHasNoAssociatedAddresses)) {
                 this.props.dispatcher.updateShouldBlockchainErrDialogBeOpen(true);
             } else if (!utils.didUserDenyWeb3Request(errMsg)) {
                 logUtils.log(`Unexpected error encountered: ${err}`);
diff --git a/ts/containers/portal.ts b/ts/containers/portal.ts
index 9c6244c38..71a94b370 100644
--- a/ts/containers/portal.ts
+++ b/ts/containers/portal.ts
@@ -1,6 +1,6 @@
 /*
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+
 import * as React from 'react';
 import { connect } from 'react-redux';
 import { Dispatch } from 'redux';
diff --git a/ts/hooks/use_stake.ts b/ts/hooks/use_stake.ts
index b09275bc6..0eb350918 100644
--- a/ts/hooks/use_stake.ts
+++ b/ts/hooks/use_stake.ts
@@ -4,7 +4,8 @@ import { BigNumber, logUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
 import { addMilliseconds } from 'date-fns';
 import { TransactionReceiptWithDecodedLogs } from 'ethereum-types';
-import * as _ from 'lodash';
+
+import { flatMap } from 'lodash-es';
 import { useCallback, useEffect, useState } from 'react';
 
 import { AccountReady, ProviderState, StakePoolData, StakeStatus, TransactionLoadingState } from 'ts/types';
@@ -158,7 +159,7 @@ export const useStake = (networkId: ChainId, providerState: ProviderState): UseS
 
             const data: string[] = [
                 stakingContract.stake(totalStakeBaseUnits).getABIEncodedTransactionData(),
-                ..._.flatMap(normalizedPoolData, ({ poolId, amountBaseUnits }) => {
+                ...flatMap(normalizedPoolData, ({ poolId, amountBaseUnits }) => {
                     const res = [
                         stakingContract
                             .moveStake(
@@ -285,7 +286,7 @@ export const useStake = (networkId: ChainId, providerState: ProviderState): UseS
                 }),
             );
 
-            const data: string[] = _.flatMap(poolIds, (poolId) => {
+            const data: string[] = flatMap(poolIds, (poolId) => {
                 const res = [stakingContract.withdrawDelegatorRewards(poolId).getABIEncodedTransactionData()];
                 if (feesCollectedPreviousEpoch[poolId].toNumber() > 0) {
                     res.unshift(stakingContract.finalizePool(poolId).getABIEncodedTransactionData());
diff --git a/ts/index.tsx b/ts/index.tsx
index d5edb1708..a019bc586 100644
--- a/ts/index.tsx
+++ b/ts/index.tsx
@@ -7,7 +7,7 @@ import { BrowserRouter as Router, Redirect, Route, Switch } from 'react-router-d
 import { MetaTags } from 'ts/components/meta_tags';
 import { RegisterWizard } from 'ts/containers/governance/register/wizard';
 import { NotFound } from 'ts/containers/not_found';
-import { StakingWizard } from 'ts/containers/staking/wizard/wizard';
+// import { StakingWizard } from 'ts/containers/staking/wizard/wizard';
 // import { createLazyComponent } from 'ts/lazy_component';
 import { trackedTokenStorage } from 'ts/local_storage/tracked_token_storage';
 import { tradeHistoryStorage } from 'ts/local_storage/trade_history_storage';
@@ -29,27 +29,27 @@ import { NextAboutPress } from 'ts/pages/about/press';
 // import { Credits } from 'ts/pages/credits';
 // import { Explore } from 'ts/pages/explore';
 
-import { AccountActivity } from 'ts/pages/account/activity';
-import { Account } from 'ts/pages/account/dashboard';
-import { StakingPoolActivity } from 'ts/pages/staking/history';
+// import { AccountActivity } from 'ts/pages/account/activity';
+// import { Account } from 'ts/pages/account/dashboard';
+// import { StakingPoolActivity } from 'ts/pages/staking/history';
 
-import { ZeroExApi } from 'ts/pages/api';
+// import { ZeroExApi } from 'ts/pages/api';
 // import { CFL } from 'ts/pages/cfl';
 // import { NextEcosystem } from 'ts/pages/ecosystem';
 import { Extensions } from 'ts/pages/extensions';
-import { TreasuryBreakdown } from 'ts/pages/governance/treasury_breakdown';
+// import { TreasuryBreakdown } from 'ts/pages/governance/treasury_breakdown';
 import { VoteIndex } from 'ts/pages/governance/vote_index';
 // import { Next0xInstant } from 'ts/pages/instant';
 import { NextLanding } from 'ts/pages/landing';
 // import { NextLaunchKit } from 'ts/pages/launch_kit';
 // import { NextMarketMaker } from 'ts/pages/market_maker';
 import { PrivacyPolicy } from 'ts/pages/privacy';
-import { StakingIndex } from 'ts/pages/staking/home';
-import { StakingPool } from 'ts/pages/staking/staking_pool';
-import { RemoveStake } from 'ts/pages/staking/wizard/remove';
+// import { StakingIndex } from 'ts/pages/staking/home';
+// import { StakingPool } from 'ts/pages/staking/staking_pool';
+// import { RemoveStake } from 'ts/pages/staking/wizard/remove';
 
 import { TermsOfService } from 'ts/pages/terms';
-import { NextWhy } from 'ts/pages/why';
+// import { NextWhy } from 'ts/pages/why';
 
 // import { Mesh } from 'ts/pages/mesh';
 
@@ -58,10 +58,15 @@ tradeHistoryStorage.clearIfRequired();
 trackedTokenStorage.clearIfRequired();
 
 import { Web3Wrapper } from '@0x/web3-wrapper';
+import loadable from '@loadable/component';
 import { Web3ReactProvider } from '@web3-react/core';
 import 'less/all.less';
 import 'sass/modal_video.scss';
 import { constants } from 'ts/utils/constants';
+const AsyncPage = loadable(async (props: { page: string; compName: string }) => {
+    const module = await import(`ts/pages/${props.page}`);
+    return { default: module[props.compName] };
+});
 
 // We pass modulePromise returning lambda instead of module promise,
 // cause we only want to import the module when the user navigates to the page.
@@ -93,7 +98,11 @@ render(
                             <Switch>
                                 {/* Next (new site) routes */}
                                 <Route exact={true} path="/" component={NextLanding} />
-                                <Route exact={true} path={WebsitePaths.Why} component={NextWhy} />
+                                <Route
+                                    exact={true}
+                                    path={WebsitePaths.Why}
+                                    render={() => <AsyncPage compName="NextWhy" page="why" />}
+                                />
                                 {/* <Route exact={true} path={WebsitePaths.MarketMaker} component={NextMarketMaker} /> */}
                                 {/* <Route exact={true} path={WebsitePaths.Explore} component={Explore} /> */}
                                 {/* <Route exact={true} path={WebsitePaths.Credits} component={Credits} /> */}
@@ -101,21 +110,55 @@ render(
                                 {/* <Route exact={true} path={WebsitePaths.LaunchKit} component={NextLaunchKit} /> */}
                                 {/* <Route exact={true} path={WebsitePaths.Ecosystem} component={NextEcosystem} /> */}
 
-                                <Route exact={true} path={WebsitePaths.ZeroExApi} component={ZeroExApi} />
+                                <Route
+                                    exact={true}
+                                    path={WebsitePaths.ZeroExApi}
+                                    render={() => <AsyncPage compName="ZeroExApi" page="api" />}
+                                />
 
-                                <Route exact={true} path={WebsitePaths.Account} component={Account} />
-                                <Route exact={true} path={WebsitePaths.AccountActivity} component={AccountActivity} />
-                                <Route exact={true} path={WebsitePaths.Staking} component={StakingIndex} />
-                                <Route exact={true} path={WebsitePaths.StakingWizard} component={StakingWizard} />
-                                <Route exact={true} path={WebsitePaths.StakingWizardRemove} component={RemoveStake} />
-                                <Route exact={true} path={WebsitePaths.StakingPool} component={StakingPool} />
+                                <Route
+                                    exact={true}
+                                    path={WebsitePaths.Account}
+                                    render={() => <AsyncPage compName="Account" page="account/dashboard" />}
+                                />
+                                <Route
+                                    exact={true}
+                                    path={WebsitePaths.AccountActivity}
+                                    render={() => <AsyncPage compName="AccountActivity" page="account/activity" />}
+                                />
+                                <Route
+                                    exact={true}
+                                    path={WebsitePaths.Staking}
+                                    render={() => <AsyncPage compName="StakingIndex" page="staking/home" />}
+                                />
+                                <Route
+                                    exact={true}
+                                    path={WebsitePaths.StakingWizard}
+                                    render={() => <AsyncPage compName="StakingWizard" page="staking/wizard" />}
+                                />
+                                <Route
+                                    exact={true}
+                                    path={WebsitePaths.StakingWizardRemove}
+                                    render={() => <AsyncPage compName="RemoveStake" page="staking/wizard/remove" />}
+                                />
+                                <Route
+                                    exact={true}
+                                    path={WebsitePaths.StakingPool}
+                                    render={() => <AsyncPage compName="StakingPool" page="staking/staking_pool" />}
+                                />
                                 <Route
                                     exact={true}
                                     path={WebsitePaths.StakingPoolActivity}
-                                    component={StakingPoolActivity}
+                                    render={() => <AsyncPage compName="StakingPoolActivity" page="staking/history" />}
                                 />
                                 <Route exact={true} path={`${WebsitePaths.Register}`} component={RegisterWizard} />
-                                <Route exact={true} path={`${WebsitePaths.Treasury}`} component={TreasuryBreakdown} />
+                                <Route
+                                    exact={true}
+                                    path={`${WebsitePaths.Treasury}`}
+                                    render={() => (
+                                        <AsyncPage compName="TreasuryBreakdown" page="governance/treasury_breakdown" />
+                                    )}
+                                />
                                 <Route exact={true} path={`${WebsitePaths.Vote}/proposal/:id`} component={Treasury} />
                                 <Route
                                     exact={true}
diff --git a/ts/lazy_component.tsx b/ts/lazy_component.tsx
index 48fd63117..5a749c16e 100644
--- a/ts/lazy_component.tsx
+++ b/ts/lazy_component.tsx
@@ -1,4 +1,3 @@
-import * as _ from 'lodash';
 import * as React from 'react';
 
 interface LazyComponentProps {
diff --git a/ts/local_storage/local_storage.ts b/ts/local_storage/local_storage.ts
index 52f3daf17..106c1e540 100644
--- a/ts/local_storage/local_storage.ts
+++ b/ts/local_storage/local_storage.ts
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { keys } from 'lodash-es';
 
 export const localStorage = {
     doesExist(): boolean {
@@ -40,6 +40,6 @@ export const localStorage = {
         if (!localStorage.doesExist) {
             return [];
         }
-        return _.keys(window.localStorage);
+        return keys(window.localStorage);
     },
 };
diff --git a/ts/local_storage/tracked_token_storage.ts b/ts/local_storage/tracked_token_storage.ts
index 113fe485b..9062acbbe 100644
--- a/ts/local_storage/tracked_token_storage.ts
+++ b/ts/local_storage/tracked_token_storage.ts
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { each, filter, isEmpty } from 'lodash-es';
 import { localStorage } from 'ts/local_storage/local_storage';
 import { Token, TokenByAddress, TrackedTokensByUserAddress } from 'ts/types';
 import { configs } from 'ts/utils/configs';
@@ -32,7 +32,7 @@ export const trackedTokenStorage = {
     },
     getTrackedTokensByUserAddress(): TrackedTokensByUserAddress {
         const trackedTokensJSONString = localStorage.getItemIfExists(TRACKED_TOKENS_KEY);
-        if (_.isEmpty(trackedTokensJSONString)) {
+        if (isEmpty(trackedTokensJSONString)) {
             return {};
         }
         const trackedTokensByUserAddress = JSON.parse(trackedTokensJSONString);
@@ -41,7 +41,7 @@ export const trackedTokenStorage = {
     getTrackedTokensByAddress(userAddress: string, networkId: number): TokenByAddress {
         const trackedTokensByAddress: TokenByAddress = {};
         const trackedTokensJSONString = localStorage.getItemIfExists(TRACKED_TOKENS_KEY);
-        if (_.isEmpty(trackedTokensJSONString)) {
+        if (isEmpty(trackedTokensJSONString)) {
             return trackedTokensByAddress;
         }
         const trackedTokensByUserAddress = JSON.parse(trackedTokensJSONString);
@@ -50,7 +50,7 @@ export const trackedTokenStorage = {
             return trackedTokensByAddress;
         }
         const trackedTokens = trackedTokensByNetworkId[networkId];
-        _.each(trackedTokens, (trackedToken: Token) => {
+        each(trackedTokens, (trackedToken: Token) => {
             trackedTokensByAddress[trackedToken.address] = trackedToken;
         });
         return trackedTokensByAddress;
@@ -59,7 +59,7 @@ export const trackedTokenStorage = {
         const trackedTokensByUserAddress = trackedTokenStorage.getTrackedTokensByUserAddress();
         const trackedTokensByNetworkId = trackedTokensByUserAddress[userAddress];
         const trackedTokens = trackedTokensByNetworkId[networkId];
-        const remainingTrackedTokens = _.filter(trackedTokens, (token: Token) => {
+        const remainingTrackedTokens = filter(trackedTokens, (token: Token) => {
             return token.address !== tokenAddress;
         });
         trackedTokensByNetworkId[networkId] = remainingTrackedTokens;
diff --git a/ts/local_storage/trade_history_storage.tsx b/ts/local_storage/trade_history_storage.tsx
index 5c0619610..7126e97f6 100644
--- a/ts/local_storage/trade_history_storage.tsx
+++ b/ts/local_storage/trade_history_storage.tsx
@@ -1,6 +1,7 @@
 import { BigNumber } from '@0x/utils';
 import ethUtil from 'ethereumjs-util';
-import * as _ from 'lodash';
+
+import { each, isEmpty, parseInt as lodashParseInt, startsWith } from 'lodash-es';
 import { localStorage } from 'ts/local_storage/local_storage';
 import { Fill } from 'ts/types';
 import { configs } from 'ts/utils/configs';
@@ -18,8 +19,8 @@ export const tradeHistoryStorage = {
         const lastClearFillDate = localStorage.getItemIfExists(FILL_CLEAR_KEY);
         if (lastClearFillDate !== configs.LAST_LOCAL_STORAGE_FILL_CLEARANCE_DATE) {
             const localStorageKeys = localStorage.getAllKeys();
-            _.each(localStorageKeys, (key) => {
-                if (_.startsWith(key, `${FILLS_KEY}-`) || _.startsWith(key, `${FILLS_LATEST_BLOCK}-`)) {
+            each(localStorageKeys, (key) => {
+                if (startsWith(key, `${FILLS_KEY}-`) || startsWith(key, `${FILLS_LATEST_BLOCK}-`)) {
                     localStorage.removeItem(key);
                 }
             });
@@ -53,11 +54,11 @@ export const tradeHistoryStorage = {
     getUserFillsByHash(userAddress: string, networkId: number): { [fillHash: string]: Fill } {
         const userFillsKey = tradeHistoryStorage._getUserFillsKey(userAddress, networkId);
         const userFillsJSONString = localStorage.getItemIfExists(userFillsKey);
-        if (_.isEmpty(userFillsJSONString)) {
+        if (isEmpty(userFillsJSONString)) {
             return {};
         }
         const userFillsByHash = JSON.parse(userFillsJSONString);
-        _.each(userFillsByHash, (fill) => {
+        each(userFillsByHash, (fill) => {
             fill.paidMakerFee = new BigNumber(fill.paidMakerFee);
             fill.paidTakerFee = new BigNumber(fill.paidTakerFee);
             fill.filledTakerTokenAmount = new BigNumber(fill.filledTakerTokenAmount);
@@ -68,10 +69,10 @@ export const tradeHistoryStorage = {
     getFillsLatestBlock(userAddress: string, networkId: number): number {
         const userFillsLatestBlockKey = tradeHistoryStorage._getFillsLatestBlockKey(userAddress, networkId);
         const blockNumberStr = localStorage.getItemIfExists(userFillsLatestBlockKey);
-        if (_.isEmpty(blockNumberStr)) {
+        if (isEmpty(blockNumberStr)) {
             return constants.GENESIS_ORDER_BLOCK_BY_NETWORK_ID[networkId];
         }
-        const blockNumber = _.parseInt(blockNumberStr);
+        const blockNumber = lodashParseInt(blockNumberStr);
         return blockNumber;
     },
     setFillsLatestBlock(userAddress: string, networkId: number, blockNumber: number): void {
diff --git a/ts/pages/about/jobs.tsx b/ts/pages/about/jobs.tsx
index 5cfc2300f..9c8365f9a 100644
--- a/ts/pages/about/jobs.tsx
+++ b/ts/pages/about/jobs.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -159,7 +159,7 @@ export class NextAboutJobs extends React.Component<NextAboutJobsProps, NextAbout
                     </Column>
 
                     <Column maxWidth="826px">
-                        {_.map(positions, (position, index) => (
+                        {map(positions, (position, index) => (
                             <Position key={`position-${index}`} position={position} />
                         ))}
                     </Column>
diff --git a/ts/pages/about/mission.tsx b/ts/pages/about/mission.tsx
index 286c6eae4..b4fc48bf7 100644
--- a/ts/pages/about/mission.tsx
+++ b/ts/pages/about/mission.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -64,7 +64,7 @@ export const NextAboutMission = () => (
 
             <Column width="70%" maxWidth="826px">
                 <Column width="100%" maxWidth="800px">
-                    {_.map(values, (item, index) => (
+                    {map(values, (item, index) => (
                         <StyledDefinition
                             key={`coreValue-${index}`}
                             icon={item.icon}
diff --git a/ts/pages/about/press.tsx b/ts/pages/about/press.tsx
index 50022aca7..92174bbfd 100644
--- a/ts/pages/about/press.tsx
+++ b/ts/pages/about/press.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -61,7 +61,7 @@ export const NextAboutPress = () => (
                     Want to write about 0x? <a href="mailto:team@0xproject.com">Get in touch.</a>
                 </Paragraph>
 
-                {_.map(highlights, (highlight, index) => (
+                {map(highlights, (highlight, index) => (
                     <Highlight key={`highlight-${index}`} highlight={highlight} />
                 ))}
             </>
diff --git a/ts/pages/account/activity.tsx b/ts/pages/account/activity.tsx
index 87f9af363..0d7c1f38b 100644
--- a/ts/pages/account/activity.tsx
+++ b/ts/pages/account/activity.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -196,7 +196,7 @@ export const AccountActivity: React.FC<ActivityProps> = () => {
                 )}
 
                 <Table columns={width > 600 ? columns : shortWidthColumns}>
-                    {_.map(delegatorHistory, (row, index) => {
+                    {map(delegatorHistory, (row, index) => {
                         const description = parseEvent(row);
 
                         return (
diff --git a/ts/pages/account/dashboard.tsx b/ts/pages/account/dashboard.tsx
index fe342ba9d..b9fc92d68 100644
--- a/ts/pages/account/dashboard.tsx
+++ b/ts/pages/account/dashboard.tsx
@@ -4,7 +4,8 @@ import { Web3Wrapper } from '@0x/web3-wrapper';
 import { DialogContent, DialogOverlay } from '@reach/dialog';
 import '@reach/dialog/styles.css';
 import { format } from 'date-fns';
-import * as _ from 'lodash';
+
+import { map, uniq } from 'lodash-es';
 import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import styled from 'styled-components';
@@ -380,7 +381,7 @@ export const Account: React.FC<AccountProps> = () => {
     }, [delegatorData, account.address, stakingContract]);
 
     React.useEffect(() => {
-        const poolsWithActivity = _.uniq([...Object.keys(currentEpochStakeMap), ...Object.keys(nextEpochStakeMap)]);
+        const poolsWithActivity = uniq([...Object.keys(currentEpochStakeMap), ...Object.keys(nextEpochStakeMap)]);
         const _pendingActions: PendingAction[] = poolsWithActivity.reduce((memo, poolId) => {
             const currentEpochStake = currentEpochStakeMap[poolId] || 0;
             const nextEpochStake = nextEpochStakeMap[poolId] || 0;
@@ -784,7 +785,7 @@ export const Account: React.FC<AccountProps> = () => {
                     </SectionHeader>
 
                     <Grid>
-                        {_.map(voteHistory, (item, index) => {
+                        {map(voteHistory, (item, index) => {
                             return (
                                 <AccountVote
                                     key={`vote-history-${index}`}
diff --git a/ts/pages/community.tsx b/ts/pages/community.tsx
index 87c8e9ad9..d2b46cac2 100644
--- a/ts/pages/community.tsx
+++ b/ts/pages/community.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -127,7 +127,7 @@ export class NextCommunity extends React.Component<Props> {
                         isCentered={false}
                         maxWidth="1151px"
                     >
-                        {_.map(communityLinks, (link: CommunityLinkProps, index: number) => (
+                        {map(communityLinks, (link: CommunityLinkProps, index: number) => (
                             <CommunityLink
                                 key={`cl-${index}`}
                                 icon={link.icon}
@@ -170,7 +170,7 @@ export class NextCommunity extends React.Component<Props> {
                         isCentered={false}
                         maxWidth="1149px"
                     >
-                        {_.map(events, (ev: EventProps, index: number) => (
+                        {map(events, (ev: EventProps, index: number) => (
                             <Event
                                 key={`event-${index}`}
                                 title={ev.title}
diff --git a/ts/pages/docs/guides.tsx b/ts/pages/docs/guides.tsx
index 6144c7382..07799807f 100644
--- a/ts/pages/docs/guides.tsx
+++ b/ts/pages/docs/guides.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { orderBy } from 'lodash-es';
 import * as React from 'react';
 import { Configure, connectHits, InstantSearch } from 'react-instantsearch-dom';
 
@@ -38,7 +38,7 @@ const Hits: React.FC<IHitsProps> = ({ hits }) => {
         <div>
             {difficultyOrder.map((difficulty) => {
                 const filteredHits = hits.filter((hit: any) => hit.difficulty === difficulty);
-                const sortedHits = _.orderBy(filteredHits, [(hit) => hit.title.toLowerCase()], ['asc']);
+                const sortedHits = orderBy(filteredHits, [(hit) => hit.title.toLowerCase()], ['asc']);
 
                 return sortedHits.map((hit: any, index: number) => <Resource key={`resource-${index}`} hit={hit} />);
             })}
diff --git a/ts/pages/docs/page.tsx b/ts/pages/docs/page.tsx
index 1021796ea..0c560bd94 100644
--- a/ts/pages/docs/page.tsx
+++ b/ts/pages/docs/page.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { compact, map } from 'lodash-es';
 import * as React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 
@@ -154,8 +154,8 @@ const mdxComponents = {
 const waitForImages = async () => {
     const images = document.querySelectorAll('img');
     return Promise.all(
-        _.compact(
-            _.map(images, (img: HTMLImageElement) => {
+        compact(
+            map(images, (img: HTMLImageElement) => {
                 if (!img.complete) {
                     // tslint:disable-next-line:no-inferred-empty-object-type
                     return new Promise((resolve) => {
diff --git a/ts/pages/docs/tools.tsx b/ts/pages/docs/tools.tsx
index 03f8d1abc..2ac95ba37 100644
--- a/ts/pages/docs/tools.tsx
+++ b/ts/pages/docs/tools.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { orderBy } from 'lodash-es';
 import * as React from 'react';
 import { Configure, connectHits, InstantSearch } from 'react-instantsearch-dom';
 import styled from 'styled-components';
@@ -56,7 +56,7 @@ const FeaturedTools: React.FC<IHitsProps> = ({ hits }) => {
     if (featuredTools.length === 0) {
         return null;
     } else {
-        const sortedFeaturedTools = _.orderBy(featuredTools, [(hit) => hit.title.toLowerCase()], ['asc']);
+        const sortedFeaturedTools = orderBy(featuredTools, [(hit) => hit.title.toLowerCase()], ['asc']);
 
         return (
             <FeaturedToolsWrapper>
@@ -87,7 +87,7 @@ const GroupedTools: React.FC<IHitsProps> = ({ hits }) => {
 
                         {difficultyOrder.map((difficulty) => {
                             const filteredHits = filteredByType.filter((hit: any) => hit.difficulty === difficulty);
-                            const sortedHits = _.orderBy(filteredHits, [(hit) => hit.title.toLowerCase()], ['asc']);
+                            const sortedHits = orderBy(filteredHits, [(hit) => hit.title.toLowerCase()], ['asc']);
 
                             return sortedHits.map((hit: any, index: number) => (
                                 <Resource key={`resource-${index}`} hit={hit} />
diff --git a/ts/pages/ecosystem.tsx b/ts/pages/ecosystem.tsx
index 455fc3a09..73c4d5e3e 100644
--- a/ts/pages/ecosystem.tsx
+++ b/ts/pages/ecosystem.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -103,7 +103,7 @@ export const NextEcosystem = () => (
                 </Heading>
             </Column>
             <WrapGrid isTextCentered={true} isWrapped={true} isFullWidth={true}>
-                {_.map(benefits, (benefit: BenefitProps, index) => (
+                {map(benefits, (benefit: BenefitProps, index) => (
                     <Column key={`benefit-${index}`} width="33%" padding="0 45px 30px">
                         <Icon name={benefit.icon} size="medium" margin={[0, 0, 'small', 0]} />
                         <Heading color={colors.textDarkPrimary} size="small" marginBottom="10px" isCentered={true}>
diff --git a/ts/pages/explore.tsx b/ts/pages/explore.tsx
index 72e034088..7a39fe52b 100644
--- a/ts/pages/explore.tsx
+++ b/ts/pages/explore.tsx
@@ -1,4 +1,17 @@
-import * as _ from 'lodash';
+import {
+    assign,
+    chain,
+    concat,
+    debounce,
+    filter,
+    has,
+    includes,
+    indexOf,
+    isEmpty,
+    sortBy,
+    startsWith,
+    values,
+} from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 import * as zeroExInstant from 'zeroExInstant';
@@ -54,7 +67,7 @@ export class Explore extends React.Component<ExploreProps> {
 
     constructor(props: ExploreProps) {
         super(props);
-        this._debouncedChangeSearchResults = _.debounce(this._changeSearchResults, 300);
+        this._debouncedChangeSearchResults = debounce(this._changeSearchResults, 300);
     }
 
     // tslint:disable-next-line:async-suffix
@@ -72,7 +85,7 @@ export class Explore extends React.Component<ExploreProps> {
                     <ExploreToolBar
                         onFilterClick={this._setFilter}
                         filters={this.state.filters}
-                        orderings={_.values(ORDERINGS)}
+                        orderings={values(ORDERINGS)}
                         activeOrdering={this.state.tilesOrdering}
                         onOrdering={this._onOrdering}
                     />
@@ -123,7 +136,7 @@ export class Explore extends React.Component<ExploreProps> {
 
     // tslint:disable-next-line:no-unused-variable
     private _generateEditorialContent(): void {
-        this.setState({ tiles: _.concat([], EDITORIAL, this.state.tiles) });
+        this.setState({ tiles: concat([], EDITORIAL, this.state.tiles) });
     }
 
     private readonly _generateTilesFromState = (): ExploreTile[] => {
@@ -137,7 +150,7 @@ export class Explore extends React.Component<ExploreProps> {
                 },
             ];
         }
-        if (_.isEmpty(this.state.tiles.filter((t) => t.visibility !== ExploreTileVisibility.Hidden))) {
+        if (isEmpty(this.state.tiles.filter((t) => t.visibility !== ExploreTileVisibility.Hidden))) {
             return [
                 {
                     name: 'empty',
@@ -170,17 +183,17 @@ export class Explore extends React.Component<ExploreProps> {
         }
         let updatedFilters: ExploreFilterMetadata[];
         updatedFilters = this.state.filters.map((f) => {
-            const newFilter = _.assign({}, f);
+            const newFilter = assign({}, f);
             newFilter.active = newFilter.name === filterName ? active : false;
             return newFilter;
         });
         // If no filters are enabled, default to all
-        if (_.filter(updatedFilters, (f) => f.active).length === 0) {
+        if (filter(updatedFilters, (f) => f.active).length === 0) {
             await this._setFilter('all');
         } else {
             const newTiles = await this._generateTilesWithModifier(
                 this.state.tiles,
-                _.isEmpty(this.state.query) ? ExploreTilesModifiers.Filter : ExploreTilesModifiers.Search,
+                isEmpty(this.state.query) ? ExploreTilesModifiers.Filter : ExploreTilesModifiers.Search,
                 {
                     filter: updatedFilters.find((f) => f.active),
                     query: this.state.query,
@@ -195,16 +208,16 @@ export class Explore extends React.Component<ExploreProps> {
         options: ExploreModifierOptions,
     ): boolean => {
         if (modifier === ExploreTilesModifiers.Ordering) {
-            return _.has(options, 'tilesOrdering');
+            return has(options, 'tilesOrdering');
         }
         if (modifier === ExploreTilesModifiers.Editorial) {
-            return _.has(options, 'isEditorialShown');
+            return has(options, 'isEditorialShown');
         }
         if (modifier === ExploreTilesModifiers.Search) {
-            return _.has(options, 'filter') && _.has(options, 'query');
+            return has(options, 'filter') && has(options, 'query');
         }
         if (modifier === ExploreTilesModifiers.Filter) {
-            return _.has(options, 'filter');
+            return has(options, 'filter');
         }
         return false;
     };
@@ -221,21 +234,21 @@ export class Explore extends React.Component<ExploreProps> {
         if (modifier === ExploreTilesModifiers.Ordering) {
             switch (ORDERINGS[options.tilesOrdering].type) {
                 case ExploreTilesOrderingType.HardCodedByName:
-                    return _.sortBy(tiles, (t) => _.indexOf(ORDERINGS[options.tilesOrdering].hardCoded, t.name));
+                    return sortBy(tiles, (t) => indexOf(ORDERINGS[options.tilesOrdering].hardCoded, t.name));
                 case ExploreTilesOrderingType.DynamicBySortFunction:
                     return ORDERINGS[options.tilesOrdering].sort(tiles);
                 default:
                     return tiles;
             }
         }
-        return _.concat([], tiles).map((t) => {
-            const newTile = _.assign({}, t);
+        return concat([], tiles).map((t) => {
+            const newTile = assign({}, t);
             if (modifier === ExploreTilesModifiers.Filter || modifier === ExploreTilesModifiers.Search) {
                 newTile.visibility =
                     (options.filter.name === 'all' && ExploreTileVisibility.Visible) || newTile.visibility;
                 if (!(options.filter.name === 'all') && !!newTile.exploreProject) {
                     newTile.visibility =
-                        (_.includes(newTile.exploreProject.keywords, options.filter.name) &&
+                        (includes(newTile.exploreProject.keywords, options.filter.name) &&
                             ExploreTileVisibility.Visible) ||
                         ExploreTileVisibility.Hidden;
                 }
@@ -246,16 +259,16 @@ export class Explore extends React.Component<ExploreProps> {
                 newTile.visibility === ExploreTileVisibility.Visible
             ) {
                 newTile.visibility =
-                    (_.chain(newTile.exploreProject.label.toLowerCase())
+                    (chain(newTile.exploreProject.label.toLowerCase())
                         .split(' ')
                         .concat([newTile.exploreProject.label.toLowerCase()])
-                        .reduce((a: boolean, s: string) => a || _.startsWith(s, trimmedQuery), false)
+                        .reduce((a: boolean, s: string) => a || startsWith(s, trimmedQuery), false)
                         .value() &&
                         ExploreTileVisibility.Visible) ||
                     ExploreTileVisibility.Hidden;
             }
             if (modifier === ExploreTilesModifiers.Editorial) {
-                if (_.startsWith(t.name, 'editorial')) {
+                if (startsWith(t.name, 'editorial')) {
                     newTile.visibility = options.isEditorialShown
                         ? ExploreTileVisibility.Visible
                         : ExploreTileVisibility.Hidden;
@@ -268,11 +281,11 @@ export class Explore extends React.Component<ExploreProps> {
     // For future versions, the load entries function can be async
     private readonly _loadEntriesAsync = async (): Promise<void> => {
         this.setState({ isEntriesLoading: true });
-        const rawProjects = _.values(PROJECTS);
+        const rawProjects = values(PROJECTS);
         const tiles = rawProjects.map((e: ExploreProject) => {
-            const exploreProject = _.assign({}, e);
+            const exploreProject = assign({}, e);
             if (!!exploreProject.instant) {
-                exploreProject.instant = _.assign({}, exploreProject.instant);
+                exploreProject.instant = assign({}, exploreProject.instant);
                 exploreProject.onInstantClick = this._launchInstantAsync.bind(this, exploreProject.instant);
             }
             exploreProject.onAnalytics = this._onAnalytics.bind(this, exploreProject);
diff --git a/ts/pages/explore/explore_content.tsx b/ts/pages/explore/explore_content.tsx
index 1cbf5730d..e8646ed6b 100644
--- a/ts/pages/explore/explore_content.tsx
+++ b/ts/pages/explore/explore_content.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { sortBy } from 'lodash-es';
 import * as React from 'react';
 
 import { ExploreGridFeaturedTile } from 'ts/pages/explore/explore_grid_featured_tile';
@@ -383,6 +383,6 @@ export const ORDERINGS: { [s: string]: ExploreTilesOrderingMetadata } = {
         label: 'Alphabetical',
         ordering: ExploreTilesOrdering.Alphabetical,
         type: ExploreTilesOrderingType.DynamicBySortFunction,
-        sort: (tiles: ExploreTile[]) => _.sortBy(tiles, (t) => t.name),
+        sort: (tiles: ExploreTile[]) => sortBy(tiles, (t) => t.name),
     },
 };
diff --git a/ts/pages/explore/explore_grid.tsx b/ts/pages/explore/explore_grid.tsx
index 5c53a6456..19f8e4340 100644
--- a/ts/pages/explore/explore_grid.tsx
+++ b/ts/pages/explore/explore_grid.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { assign } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -82,16 +82,16 @@ export class ExploreGrid extends React.Component<ExptoreGridProps> {
             const gridStart = gridEndCounter;
             const gridEnd = gridEndCounter + EXPLORE_TILE_COL_WIDTH[t.width][width];
             gridEndCounter = gridEnd;
-            const newTilePositions = _.assign({}, t.tilePositions);
+            const newTilePositions = assign({}, t.tilePositions);
             newTilePositions[width] = { gridStart, gridEnd };
-            return _.assign({}, t, { tilePositions: newTilePositions }) as RicherExploreGridListTile;
+            return assign({}, t, { tilePositions: newTilePositions }) as RicherExploreGridListTile;
         });
         return newTiles;
     };
 
     private readonly _generateGridValues = (tiles: ExploreTile[]): RicherExploreGridListTile[] => {
         let richerTiles = tiles.map((t) => {
-            return _.assign({ tilePositions: {} }, t) as RicherExploreGridListTile;
+            return assign({ tilePositions: {} }, t) as RicherExploreGridListTile;
         });
         richerTiles = this._generateGridPositions(richerTiles, ExploreTileGridWidth.ThreeColumn);
         richerTiles = this._generateGridPositions(richerTiles, ExploreTileGridWidth.TwoColumn);
diff --git a/ts/pages/extensions.tsx b/ts/pages/extensions.tsx
index 7167c4a6e..0ce702d20 100644
--- a/ts/pages/extensions.tsx
+++ b/ts/pages/extensions.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -88,7 +88,7 @@ export class Extensions extends React.Component<Props> {
 
                 <CustomSection>
                     <Grid>
-                        {_.map(extensionData, (item, index) => (
+                        {map(extensionData, (item, index) => (
                             <Card
                                 key={`extensionCard-${index}`}
                                 heading={item.title}
diff --git a/ts/pages/governance/countdown.tsx b/ts/pages/governance/countdown.tsx
index ccaa1d783..0210d2cf1 100644
--- a/ts/pages/governance/countdown.tsx
+++ b/ts/pages/governance/countdown.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { keys } from 'lodash-es';
 import * as moment from 'moment-timezone';
 
 import * as React from 'react';
@@ -69,7 +69,7 @@ function millisToDaysHoursMinutes(futureDateMs: number): string {
         second: 1,
     };
 
-    _.keys(structure).forEach((key: string) => {
+    keys(structure).forEach((key: string) => {
         result[key] = Math.floor(delta / structure[key]);
         delta -= result[key] * structure[key];
     });
diff --git a/ts/pages/governance/governance.tsx b/ts/pages/governance/governance.tsx
index 7226ebb25..d0ec6dabc 100644
--- a/ts/pages/governance/governance.tsx
+++ b/ts/pages/governance/governance.tsx
@@ -1,5 +1,6 @@
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+
+import { map } from 'lodash-es';
 import moment from 'moment-timezone';
 import * as React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
@@ -109,7 +110,7 @@ export class Governance extends React.Component<RouteComponentProps<any>> {
                             endDate={this._proposalData.voteEndDate}
                         />
                         <Heading size="medium">{this._proposalData.title}</Heading>
-                        {_.map(this._proposalData.summary, (link, index) => (
+                        {map(this._proposalData.summary, (link, index) => (
                             <Paragraph key={`summarytext-${index}`}>{this._proposalData.summary[index]}</Paragraph>
                         ))}
                         <Button
@@ -202,12 +203,12 @@ export class Governance extends React.Component<RouteComponentProps<any>> {
                         <Heading>{this._proposalData.benefit.title}</Heading>
                         <FlexWrap>
                             <Column width="55%" maxWidth="560px">
-                                {_.map(this._proposalData.benefit.summary, (link, index) => (
+                                {map(this._proposalData.benefit.summary, (link, index) => (
                                     <Paragraph key={`benefittext-${index}`}>
                                         {this._proposalData.benefit.summary[index]}
                                     </Paragraph>
                                 ))}
-                                {_.map(this._proposalData.benefit.links, (link, index) => (
+                                {map(this._proposalData.benefit.links, (link, index) => (
                                     <MoreLink
                                         href={link.url}
                                         target={link.url !== undefined ? '_blank' : undefined}
@@ -232,12 +233,12 @@ export class Governance extends React.Component<RouteComponentProps<any>> {
                         <Heading>{this._proposalData.risks.title}</Heading>
                         <FlexWrap>
                             <Column width="55%" maxWidth="560px">
-                                {_.map(this._proposalData.risks.summary, (link, index) => (
+                                {map(this._proposalData.risks.summary, (link, index) => (
                                     <Paragraph key={`risktext-${index}`}>
                                         {this._proposalData.risks.summary[index]}
                                     </Paragraph>
                                 ))}
-                                {_.map(this._proposalData.risks.links, (link, index) => (
+                                {map(this._proposalData.risks.links, (link, index) => (
                                     <div key={`risklink-${index}`}>
                                         <MoreLink
                                             href={link.url}
diff --git a/ts/pages/governance/treasury.tsx b/ts/pages/governance/treasury.tsx
index 0164d519e..e81e7f0db 100644
--- a/ts/pages/governance/treasury.tsx
+++ b/ts/pages/governance/treasury.tsx
@@ -1,7 +1,7 @@
 import { ZrxTreasuryContract } from '@0x/contracts-treasury';
 import { BigNumber } from '@0x/utils';
 import { gql, request } from 'graphql-request';
-import * as _ from 'lodash';
+
 import marked, { Token, Tokens } from 'marked';
 import CircularProgress from 'material-ui/CircularProgress';
 import moment from 'moment-timezone';
diff --git a/ts/pages/governance/vote_bar.tsx b/ts/pages/governance/vote_bar.tsx
index 9b9e14c55..3e2c252c9 100644
--- a/ts/pages/governance/vote_bar.tsx
+++ b/ts/pages/governance/vote_bar.tsx
@@ -1,5 +1,5 @@
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+
 import * as React from 'react';
 import styled from 'styled-components';
 
diff --git a/ts/pages/governance/vote_form.tsx b/ts/pages/governance/vote_form.tsx
index c567c3448..af25222ff 100644
--- a/ts/pages/governance/vote_form.tsx
+++ b/ts/pages/governance/vote_form.tsx
@@ -7,7 +7,7 @@ import { BigNumber, signTypedDataUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
 import '@reach/dialog/styles.css';
 import * as ethUtil from 'ethereumjs-util';
-import * as _ from 'lodash';
+
 import * as React from 'react';
 import { connect } from 'react-redux';
 import styled from 'styled-components';
diff --git a/ts/pages/governance/vote_index.tsx b/ts/pages/governance/vote_index.tsx
index a18dc0468..4f4d9f76f 100644
--- a/ts/pages/governance/vote_index.tsx
+++ b/ts/pages/governance/vote_index.tsx
@@ -2,7 +2,7 @@ import { ZrxTreasuryContract } from '@0x/contracts-treasury';
 import { BigNumber } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
 import { gql, request } from 'graphql-request';
-import * as _ from 'lodash';
+
 import CircularProgress from 'material-ui/CircularProgress';
 import moment from 'moment';
 import * as React from 'react';
diff --git a/ts/pages/governance/vote_index_card.tsx b/ts/pages/governance/vote_index_card.tsx
index 530783e77..7862778a3 100644
--- a/ts/pages/governance/vote_index_card.tsx
+++ b/ts/pages/governance/vote_index_card.tsx
@@ -1,5 +1,5 @@
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+
 import * as moment from 'moment';
 import * as React from 'react';
 import { Link as ReactRouterLink } from 'react-router-dom';
diff --git a/ts/pages/governance/voter_leaderboard.tsx b/ts/pages/governance/voter_leaderboard.tsx
index d6597f148..d4686aa89 100644
--- a/ts/pages/governance/voter_leaderboard.tsx
+++ b/ts/pages/governance/voter_leaderboard.tsx
@@ -1,6 +1,6 @@
 import { BigNumber } from '@0x/utils';
 import { gql, request } from 'graphql-request';
-import * as _ from 'lodash';
+
 import CircularProgress from 'material-ui/CircularProgress';
 import * as React from 'react';
 import { useQuery } from 'react-query';
diff --git a/ts/pages/instant.tsx b/ts/pages/instant.tsx
index a30c3d965..05a380d47 100644
--- a/ts/pages/instant.tsx
+++ b/ts/pages/instant.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled, { keyframes } from 'styled-components';
 
@@ -114,7 +114,7 @@ export class Next0xInstant extends React.Component<Props> {
                 </Section>
 
                 <Section>
-                    {_.map(featuresData, (item, index) => (
+                    {map(featuresData, (item, index) => (
                         <Definition
                             key={`definition-${index}`}
                             icon={item.icon}
diff --git a/ts/pages/instant/config_generator.tsx b/ts/pages/instant/config_generator.tsx
index 1a9917435..b445e7d8d 100644
--- a/ts/pages/instant/config_generator.tsx
+++ b/ts/pages/instant/config_generator.tsx
@@ -2,7 +2,8 @@ import { StandardRelayerAPIOrderProvider } from '@0x/asset-buyer';
 import { getContractAddressesForChainOrThrow } from '@0x/contract-addresses';
 import { assetDataUtils } from '@0x/order-utils';
 import { ObjectMap } from '@0x/types';
-import * as _ from 'lodash';
+
+import { includes, isEmpty, isString, keys, map, pull, reduce } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -61,7 +62,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
     }
     public render(): React.ReactNode {
         const { value } = this.props;
-        if (!_.isString(value.orderSource)) {
+        if (!isString(value.orderSource)) {
             throw new Error('ConfigGenerator component only supports string values as an orderSource.');
         }
         return (
@@ -95,7 +96,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
                         isDisabled={
                             value.affiliateInfo === undefined ||
                             value.affiliateInfo.feeRecipient === undefined ||
-                            _.isEmpty(value.affiliateInfo.feeRecipient)
+                            isEmpty(value.affiliateInfo.feeRecipient)
                         }
                     />
                 </ConfigGeneratorSection>
@@ -103,7 +104,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
         );
     }
     private readonly _getTokenSelectorProps = (): ConfigGeneratorSectionProps => {
-        if (_.isEmpty(this.state.availableTokens)) {
+        if (isEmpty(this.state.availableTokens)) {
             return {
                 title: 'What tokens can users buy?',
             };
@@ -122,7 +123,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
         };
     };
     private readonly _generateItems = (): SelectItemConfig[] => {
-        return _.map(SRA_ENDPOINTS, (endpoint) => ({
+        return map(SRA_ENDPOINTS, (endpoint) => ({
             label: endpoint,
             value: endpoint,
             onClick: this._handleSRASelection.bind(this, endpoint),
@@ -180,12 +181,12 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
     private readonly _handleTokenClick = (assetData: string) => {
         const { value } = this.props;
         let newAvailableAssetDatas: string[] = [];
-        const allKnownAssetDatas = _.keys(this.state.availableTokens);
+        const allKnownAssetDatas = keys(this.state.availableTokens);
         const availableAssetDatas = value.availableAssetDatas;
         if (availableAssetDatas === undefined) {
             // It being undefined means it's all tokens.
-            newAvailableAssetDatas = _.pull(allKnownAssetDatas, assetData);
-        } else if (!_.includes(availableAssetDatas, assetData)) {
+            newAvailableAssetDatas = pull(allKnownAssetDatas, assetData);
+        } else if (!includes(availableAssetDatas, assetData)) {
             // Add it
             newAvailableAssetDatas = [...availableAssetDatas, assetData];
             if (newAvailableAssetDatas.length === allKnownAssetDatas.length) {
@@ -194,7 +195,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
             }
         } else {
             // Remove it
-            newAvailableAssetDatas = _.pull(availableAssetDatas, assetData);
+            newAvailableAssetDatas = pull(availableAssetDatas, assetData);
         }
         const newConfig: ZeroExInstantBaseConfig = {
             ...this.props.value,
@@ -204,7 +205,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
     };
     private readonly _setAvailableAssetsFromOrderProvider = async (): Promise<void> => {
         const { value } = this.props;
-        if (value.orderSource !== undefined && _.isString(value.orderSource)) {
+        if (value.orderSource !== undefined && isString(value.orderSource)) {
             this.setState({ isLoadingAvailableTokens: true });
             const networkId = constants.NETWORK_ID_MAINNET;
             // TODO(kimpers): is this correct??
@@ -212,7 +213,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
             const etherTokenAddress = getContractAddressesForChainOrThrow(networkId).etherToken;
             const etherTokenAssetData = assetDataUtils.encodeERC20AssetData(etherTokenAddress);
             const assetDatas = await sraOrderProvider.getAvailableMakerAssetDatasAsync(etherTokenAssetData);
-            const availableTokens = _.reduce(
+            const availableTokens = reduce(
                 assetDatas,
                 (acc, assetData) => {
                     const metaDataIfExists = assetMetaDataMap[assetData] as ERC20AssetMetaData;
@@ -246,7 +247,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
                 </Container>
             );
         }
-        const availableAssetDatas = _.keys(availableTokens);
+        const availableAssetDatas = keys(availableTokens);
         if (availableAssetDatas.length === 0) {
             return (
                 <Container
@@ -260,7 +261,7 @@ export class ConfigGenerator extends React.Component<ConfigGeneratorProps, Confi
                 </Container>
             );
         }
-        const items = _.map(_.keys(availableTokens), (assetData) => {
+        const items = map(keys(availableTokens), (assetData) => {
             const metaData = availableTokens[assetData];
             return {
                 value: assetData,
diff --git a/ts/pages/instant/config_generator_address_input.tsx b/ts/pages/instant/config_generator_address_input.tsx
index 890e39da6..b817a74e7 100644
--- a/ts/pages/instant/config_generator_address_input.tsx
+++ b/ts/pages/instant/config_generator_address_input.tsx
@@ -1,5 +1,6 @@
 import { addressUtils } from '@0x/utils';
-import * as _ from 'lodash';
+import { isEmpty } from 'lodash-es';
+
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -40,7 +41,7 @@ export class ConfigGeneratorAddressInput extends React.Component<
     };
     public render(): React.ReactNode {
         const { errMsg } = this.state;
-        const hasError = !_.isEmpty(errMsg);
+        const hasError = !isEmpty(errMsg);
         return (
             <Container height="80px">
                 <Input value={this.props.value} onChange={this._handleChange} placeholder="0xe99...aa8da4" />
diff --git a/ts/pages/launch_kit.tsx b/ts/pages/launch_kit.tsx
index c94a5870d..85c545f82 100644
--- a/ts/pages/launch_kit.tsx
+++ b/ts/pages/launch_kit.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import { Banner } from 'ts/components/banner';
 import { Button } from 'ts/components/button';
@@ -124,7 +124,7 @@ export class NextLaunchKit extends React.Component<Props> {
                     />
                 </Section>
 
-                {_.map(offersData, (item, index) => (
+                {map(offersData, (item, index) => (
                     <ShowcaseSection
                         maxWidth="1170px"
                         showcaseImgSrc={item.showcaseUrl}
@@ -142,9 +142,9 @@ export class NextLaunchKit extends React.Component<Props> {
 
                 <Section maxWidth="1170px" isFlex={true}>
                     <Heading size={42}>Features</Heading>
-                    {_.map(featuresList, (details: string[], listIndex: number) => (
+                    {map(featuresList, (details: string[], listIndex: number) => (
                         <CheckedUl key={`features-list-${listIndex}`}>
-                            {_.map(details, (detail: string, detailIndex: number) => (
+                            {map(details, (detail: string, detailIndex: number) => (
                                 <CheckedLi>{detail}</CheckedLi>
                             ))}
                         </CheckedUl>
diff --git a/ts/pages/market_maker.tsx b/ts/pages/market_maker.tsx
index 4f1c11dc0..007147444 100644
--- a/ts/pages/market_maker.tsx
+++ b/ts/pages/market_maker.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import { opacify } from 'polished';
 import * as React from 'react';
 
@@ -117,7 +117,7 @@ export class NextMarketMaker extends React.Component<NextMarketMakerProps> {
                 </Section>
 
                 <Section>
-                    {_.map(this._offersData, (item, index) => (
+                    {map(this._offersData, (item, index) => (
                         <Definition
                             key={`offers-${index}`}
                             icon={item.icon}
diff --git a/ts/pages/staking/history.tsx b/ts/pages/staking/history.tsx
index f24874738..d9442b259 100644
--- a/ts/pages/staking/history.tsx
+++ b/ts/pages/staking/history.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import styled from 'styled-components';
 
@@ -102,7 +102,7 @@ export const StakingPoolActivity: React.FC = () => {
                 </Heading>
 
                 <Table columns={columns}>
-                    {_.map(MOCK_DATA, (row) => {
+                    {map(MOCK_DATA, (row) => {
                         const description = getDescription(`${row.statusId}`);
 
                         return (
diff --git a/ts/pages/staking/home.tsx b/ts/pages/staking/home.tsx
index 2f820a73b..5437dca9e 100644
--- a/ts/pages/staking/home.tsx
+++ b/ts/pages/staking/home.tsx
@@ -1,5 +1,6 @@
 import { logUtils } from '@0x/utils';
-import * as _ from 'lodash';
+import { replace } from 'lodash-es';
+
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import styled from 'styled-components';
@@ -237,7 +238,7 @@ export const StakingIndex: React.FC<StakingIndexProps> = () => {
                         return (
                             <StakingPoolDetailRow
                                 apy={pool.apy}
-                                to={_.replace(WebsitePaths.StakingPool, ':poolId', pool.poolId)}
+                                to={replace(WebsitePaths.StakingPool, ':poolId', pool.poolId)}
                                 key={pool.poolId}
                                 poolId={pool.poolId}
                                 name={stakingUtils.getPoolDisplayName(pool)}
@@ -268,7 +269,7 @@ export const StakingIndex: React.FC<StakingIndexProps> = () => {
                         return (
                             <StakingPoolDetailRow
                                 apy={pool.apy}
-                                to={_.replace(WebsitePaths.StakingPool, ':poolId', pool.poolId)}
+                                to={replace(WebsitePaths.StakingPool, ':poolId', pool.poolId)}
                                 key={pool.poolId}
                                 poolId={pool.poolId}
                                 name={stakingUtils.getPoolDisplayName(pool)}
diff --git a/ts/pages/staking/staking_pool.tsx b/ts/pages/staking/staking_pool.tsx
index 70c3d8534..5bb2e1b72 100644
--- a/ts/pages/staking/staking_pool.tsx
+++ b/ts/pages/staking/staking_pool.tsx
@@ -1,6 +1,6 @@
 import { BigNumber, logUtils } from '@0x/utils';
 import { format } from 'date-fns';
-import * as _ from 'lodash';
+
 import React, { useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
 import { Redirect, RouteChildrenProps, useParams } from 'react-router-dom';
diff --git a/ts/pages/why.tsx b/ts/pages/why.tsx
index 33a0a9551..345ac1d05 100644
--- a/ts/pages/why.tsx
+++ b/ts/pages/why.tsx
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { map } from 'lodash-es';
 import * as React from 'react';
 import ScrollableAnchor, { configureAnchors } from 'react-scrollable-anchor';
 import styled from 'styled-components';
@@ -165,7 +165,7 @@ export class NextWhy extends React.Component<Props> {
                                         What 0x offers
                                     </SectionTitle>
 
-                                    {_.map(offersData, (item, index) => (
+                                    {map(offersData, (item, index) => (
                                         <Definition
                                             key={`offers-${index}`}
                                             icon={item.icon}
@@ -184,7 +184,7 @@ export class NextWhy extends React.Component<Props> {
                                         Use Cases
                                     </SectionTitle>
                                     <Slider>
-                                        {_.map(useCaseSlides, (item, index) => (
+                                        {map(useCaseSlides, (item, index) => (
                                             <Slide
                                                 key={`useCaseSlide-${index}`}
                                                 heading={item.title}
@@ -202,7 +202,7 @@ export class NextWhy extends React.Component<Props> {
                                         Exchange Functionality
                                     </SectionTitle>
 
-                                    {_.map(functionalityData, (item, index) => (
+                                    {map(functionalityData, (item, index) => (
                                         <Definition
                                             key={`functionality-${index}`}
                                             icon={item.icon}
diff --git a/ts/redux/async_dispatcher.ts b/ts/redux/async_dispatcher.ts
index d8a6ec934..ba316ee05 100644
--- a/ts/redux/async_dispatcher.ts
+++ b/ts/redux/async_dispatcher.ts
@@ -2,8 +2,8 @@ import { getContractAddressesForChainOrThrow } from '@0x/contract-addresses';
 import { ERC20TokenContract } from '@0x/contract-wrappers';
 import { logUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
-import * as _ from 'lodash';
 
+import { isEmpty } from 'lodash-es';
 import { Dispatcher } from 'ts/redux/dispatcher';
 import { AccountState, Network, ProviderState } from 'ts/types';
 import { errorReporter } from 'ts/utils/error_reporter';
@@ -34,7 +34,7 @@ export const asyncDispatcher = {
             dispatcher.setAccountStateLocked();
             return;
         }
-        if (!_.isEmpty(availableAddresses)) {
+        if (!isEmpty(availableAddresses)) {
             const activeAddress = availableAddresses[0];
             dispatcher.setAccountStateReady(activeAddress);
 
diff --git a/ts/redux/reducer.ts b/ts/redux/reducer.ts
index b1308080b..23e321f0b 100644
--- a/ts/redux/reducer.ts
+++ b/ts/redux/reducer.ts
@@ -1,6 +1,7 @@
 import { generatePseudoRandomSalt } from '@0x/order-utils';
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+import { each } from 'lodash-es';
+
 import * as moment from 'moment';
 import {
     Account,
@@ -187,7 +188,7 @@ export function reducer(state: State = INITIAL_STATE, action: Action): State {
         case ActionTypes.UpdateTokenByAddress: {
             const tokenByAddress = { ...state.tokenByAddress };
             const tokens = action.data;
-            _.each(tokens, (token) => {
+            each(tokens, (token) => {
                 const updatedToken = {
                     ...tokenByAddress[token.address],
                     ...token,
diff --git a/ts/redux/store.ts b/ts/redux/store.ts
index 006241371..8559e2096 100644
--- a/ts/redux/store.ts
+++ b/ts/redux/store.ts
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { throttle } from 'lodash-es';
 import { applyMiddleware, createStore, Store as ReduxStore } from 'redux';
 import { composeWithDevTools } from 'redux-devtools-extension/developmentOnly';
 import { stateStorage } from 'ts/local_storage/state_storage';
@@ -13,7 +13,7 @@ export const store: ReduxStore<State> = createStore(
     composeWithDevTools(applyMiddleware(analyticsMiddleware)),
 );
 store.subscribe(
-    _.throttle(() => {
+    throttle(() => {
         const state = store.getState();
         // Persisted state
         stateStorage.saveState({
diff --git a/ts/utils/analytics.ts b/ts/utils/analytics.ts
index 61bb92629..3e0133822 100644
--- a/ts/utils/analytics.ts
+++ b/ts/utils/analytics.ts
@@ -1,7 +1,7 @@
 import { assetDataUtils } from '@0x/order-utils';
 import { ERC20AssetData, ObjectMap } from '@0x/types';
 import { logUtils } from '@0x/utils';
-import * as _ from 'lodash';
+
 import { PortalOrder } from 'ts/types';
 import { utils } from 'ts/utils/utils';
 
diff --git a/ts/utils/backend_client.ts b/ts/utils/backend_client.ts
index 417c8dec2..82e1e4f67 100644
--- a/ts/utils/backend_client.ts
+++ b/ts/utils/backend_client.ts
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { isEmpty } from 'lodash-es';
 
 import { Web3Wrapper } from '@0x/web3-wrapper';
 import { ZeroExProvider } from 'ethereum-types';
@@ -250,7 +250,7 @@ export const backendClient = {
     },
 
     async getPriceInfoAsync(tokenSymbols: string[]): Promise<WebsiteBackendPriceInfo> {
-        if (_.isEmpty(tokenSymbols)) {
+        if (isEmpty(tokenSymbols)) {
             return {};
         }
         const joinedTokenSymbols = tokenSymbols.join(',');
diff --git a/ts/utils/doc_utils.ts b/ts/utils/doc_utils.ts
index e33056780..8cc50a162 100644
--- a/ts/utils/doc_utils.ts
+++ b/ts/utils/doc_utils.ts
@@ -1,6 +1,7 @@
 import { DocAgnosticFormat, GeneratedDocJson } from '@0x/types';
 import { fetchAsync, logUtils } from '@0x/utils';
-import * as _ from 'lodash';
+
+import { each, endsWith, filter, includes, isArray, map } from 'lodash-es';
 import { S3FileObject, VersionToFilePath } from 'ts/types';
 import convert from 'xml-js';
 
@@ -8,7 +9,7 @@ export const docUtils = {
     async getVersionToFilePathAsync(s3DocJsonRoot: string, folderName: string): Promise<VersionToFilePath> {
         const versionFilePaths = await docUtils.getVersionFileNamesAsync(s3DocJsonRoot, folderName);
         const versionToFilePath: VersionToFilePath = {};
-        _.each(versionFilePaths, (filePath) => {
+        each(versionFilePaths, (filePath) => {
             const version = filePath.split('/v')[1].replace('.json', '');
             versionToFilePath[version] = filePath;
         });
@@ -27,7 +28,7 @@ export const docUtils = {
             compact: true,
         });
         const responseObj = JSON.parse(responseJSONString);
-        const fileObjs: S3FileObject[] = _.isArray(responseObj.ListBucketResult.Contents)
+        const fileObjs: S3FileObject[] = isArray(responseObj.ListBucketResult.Contents)
             ? (responseObj.ListBucketResult.Contents as S3FileObject[])
             : [responseObj.ListBucketResult.Contents];
 
@@ -58,14 +59,14 @@ export const docUtils = {
          * <StorageClass>STANDARD</StorageClass>
          * </Contents>
          */
-        const relevantObjs = _.filter(fileObjs, (fileObj) => {
+        const relevantObjs = filter(fileObjs, (fileObj) => {
             const key = fileObj.Key._text;
-            const isInFolderOfInterest = _.includes(key, folderName);
-            const isFileEntry = !_.endsWith(key, '/');
+            const isInFolderOfInterest = includes(key, folderName);
+            const isFileEntry = !endsWith(key, '/');
             return isInFolderOfInterest && isFileEntry;
         });
 
-        const versionFilePaths = _.map(relevantObjs, (fileObj) => {
+        const versionFilePaths = map(relevantObjs, (fileObj) => {
             return fileObj.Key._text;
         });
         return versionFilePaths;
diff --git a/ts/utils/docs_info.ts b/ts/utils/docs_info.ts
index 5b15a16cb..a69c37e96 100644
--- a/ts/utils/docs_info.ts
+++ b/ts/utils/docs_info.ts
@@ -1,5 +1,6 @@
 import { DocAgnosticFormat, ObjectMap, TypeDefinitionByName } from '@0x/types';
-import * as _ from 'lodash';
+
+import { each, isEmpty, keyBy, keys, map, sortBy } from 'lodash-es';
 import { ALink } from 'ts/types';
 import { utils } from 'ts/utils/utils';
 
@@ -43,14 +44,14 @@ export class DocsInfo {
         }
 
         const section = docAgnosticFormat[this.typeSectionName];
-        const typeDefinitionByName = _.keyBy(section.types, 'name') as any;
+        const typeDefinitionByName = keyBy(section.types, 'name') as any;
         return typeDefinitionByName;
     }
     public getSectionNameToLinks(docAgnosticFormat: DocAgnosticFormat): ObjectMap<ALink[]> {
         const sectionNameToLinks: ObjectMap<ALink[]> = {};
-        _.each(this.markdownMenu, (linkTitles, sectionName) => {
+        each(this.markdownMenu, (linkTitles, sectionName) => {
             sectionNameToLinks[sectionName] = [];
-            _.each(linkTitles, (linkTitle) => {
+            each(linkTitles, (linkTitle) => {
                 const to = utils.getIdFromName(linkTitle);
                 const links = sectionNameToLinks[sectionName];
                 links.push({
@@ -64,8 +65,8 @@ export class DocsInfo {
             return sectionNameToLinks;
         }
 
-        const docSections = _.keys(this.sections);
-        _.each(docSections, (sectionName) => {
+        const docSections = keys(this.sections);
+        each(docSections, (sectionName) => {
             const docSection = docAgnosticFormat[sectionName];
             if (docSection === undefined || sectionName === constants.EXTERNAL_EXPORTS_SECTION_NAME) {
                 return; // no-op
@@ -73,16 +74,16 @@ export class DocsInfo {
 
             const isExportedFunctionSection =
                 docSection.functions.length === 1 &&
-                _.isEmpty(docSection.types) &&
-                _.isEmpty(docSection.methods) &&
-                _.isEmpty(docSection.constructors) &&
-                _.isEmpty(docSection.properties) &&
-                _.isEmpty(docSection.events);
+                isEmpty(docSection.types) &&
+                isEmpty(docSection.methods) &&
+                isEmpty(docSection.constructors) &&
+                isEmpty(docSection.properties) &&
+                isEmpty(docSection.events);
 
             if (sectionName === this.typeSectionName) {
-                const sortedTypesNames = _.sortBy(docSection.types, 'name');
-                const typeNames = _.map(sortedTypesNames, (t) => t.name);
-                const typeLinks = _.map(typeNames, (typeName) => {
+                const sortedTypesNames = sortBy(docSection.types, 'name');
+                const typeNames = map(sortedTypesNames, (t) => t.name);
+                const typeLinks = map(typeNames, (typeName) => {
                     return {
                         to: `${sectionName}-${typeName}`,
                         title: typeName,
@@ -94,18 +95,18 @@ export class DocsInfo {
             } else {
                 let eventNames: string[] = [];
                 if (docSection.events !== undefined) {
-                    const sortedEventNames = _.sortBy(docSection.events, 'name');
-                    eventNames = _.map(sortedEventNames, (m) => m.name);
+                    const sortedEventNames = sortBy(docSection.events, 'name');
+                    eventNames = map(sortedEventNames, (m) => m.name);
                 }
-                const propertiesSortedByName = _.sortBy(docSection.properties, 'name');
-                const propertyNames = _.map(propertiesSortedByName, (m) => m.name);
-                const methodsSortedByName = _.sortBy(docSection.methods, 'name');
-                const methodNames = _.map(methodsSortedByName, (m) => m.name);
-                const sortedFunctionNames = _.sortBy(docSection.functions, 'name');
-                const functionNames = _.map(sortedFunctionNames, (m) => m.name);
+                const propertiesSortedByName = sortBy(docSection.properties, 'name');
+                const propertyNames = map(propertiesSortedByName, (m) => m.name);
+                const methodsSortedByName = sortBy(docSection.methods, 'name');
+                const methodNames = map(methodsSortedByName, (m) => m.name);
+                const sortedFunctionNames = sortBy(docSection.functions, 'name');
+                const functionNames = map(sortedFunctionNames, (m) => m.name);
                 const names = [...eventNames, ...propertyNames, ...functionNames, ...methodNames];
 
-                const links = _.map(names, (name) => {
+                const links = map(names, (name) => {
                     return {
                         to: `${sectionName}-${name}`,
                         title: name,
diff --git a/ts/utils/environments.ts b/ts/utils/environments.ts
index 6bd649e89..0365a1c61 100644
--- a/ts/utils/environments.ts
+++ b/ts/utils/environments.ts
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { includes } from 'lodash-es';
 
 import { Environments } from '../types';
 
@@ -6,16 +6,16 @@ import { domains } from './domains';
 
 export const environments = {
     isDevelopment(): boolean {
-        return _.includes(domains.DOMAINS_DEVELOPMENT, window.location.host);
+        return includes(domains.DOMAINS_DEVELOPMENT, window.location.host);
     },
     isStaging(): boolean {
-        return _.includes(window.location.href, domains.DOMAIN_STAGING);
+        return includes(window.location.href, domains.DOMAIN_STAGING);
     },
     isDogfood(): boolean {
-        return _.includes(window.location.href, domains.DOMAIN_DOGFOOD);
+        return includes(window.location.href, domains.DOMAIN_DOGFOOD);
     },
     isProduction(): boolean {
-        return _.includes(window.location.href, domains.DOMAIN_PRODUCTION);
+        return includes(window.location.href, domains.DOMAIN_PRODUCTION);
     },
     getEnvironment(): Environments {
         if (environments.isDogfood()) {
diff --git a/ts/utils/fetch_utils.ts b/ts/utils/fetch_utils.ts
index 7cebedafb..9a671b727 100644
--- a/ts/utils/fetch_utils.ts
+++ b/ts/utils/fetch_utils.ts
@@ -1,5 +1,6 @@
 import { fetchAsync, logUtils } from '@0x/utils';
-import * as _ from 'lodash';
+
+import { isEmpty } from 'lodash-es';
 import * as queryString from 'query-string';
 
 import { errorReporter } from 'ts/utils/error_reporter';
@@ -44,7 +45,7 @@ export const fetchUtils = {
 
 function queryStringFromQueryParams(queryParams?: object): string {
     // if params are undefined or empty, return an empty string
-    if (queryParams === undefined || _.isEmpty(queryParams)) {
+    if (queryParams === undefined || isEmpty(queryParams)) {
         return '';
     }
     // stringify the formatted object
diff --git a/ts/utils/order_parser.ts b/ts/utils/order_parser.ts
index 987087427..9d2b3ac62 100644
--- a/ts/utils/order_parser.ts
+++ b/ts/utils/order_parser.ts
@@ -1,5 +1,6 @@
 import { logUtils } from '@0x/utils';
-import * as _ from 'lodash';
+
+import { find, get } from 'lodash-es';
 import { orderParsingUtils } from 'ts/utils/order_utils';
 
 import { portalOrderSchema } from 'ts/schemas/portal_order_schema';
@@ -12,7 +13,7 @@ export const orderParser = {
             return undefined;
         }
         const queryParams = queryString.substring(1).split('&');
-        const orderQueryParam = _.find(queryParams, (queryParam) => {
+        const orderQueryParam = find(queryParams, (queryParam) => {
             const queryPair = queryParam.split('=');
             return queryPair[0] === 'order';
         });
@@ -29,7 +30,7 @@ export const orderParser = {
             logUtils.log(`Invalid shared order: ${validationResult.errors}`);
             return undefined;
         }
-        const signedOrder = _.get(order, 'signedOrder');
+        const signedOrder = get(order, 'signedOrder');
         const convertedSignedOrder = orderParsingUtils.convertOrderStringFieldsToBigNumber(signedOrder);
         const result = {
             ...order,
@@ -39,7 +40,7 @@ export const orderParser = {
     },
     parseJsonString(orderJson: string): PortalOrder {
         const order = JSON.parse(orderJson);
-        const signedOrder = _.get(order, 'signedOrder');
+        const signedOrder = get(order, 'signedOrder');
         const convertedSignedOrder = orderParsingUtils.convertOrderStringFieldsToBigNumber(signedOrder);
         const result = {
             ...order,
diff --git a/ts/utils/order_utils.ts b/ts/utils/order_utils.ts
index b611e7dea..fbea77a81 100644
--- a/ts/utils/order_utils.ts
+++ b/ts/utils/order_utils.ts
@@ -3,7 +3,7 @@ import { DevUtilsContract } from '@0x/contracts-dev-utils';
 import { schemas, SchemaValidator } from '@0x/json-schemas';
 import { Order } from '@0x/types';
 import { BigNumber } from '@0x/utils';
-import * as _ from 'lodash';
+import { assign, each, update } from 'lodash-es';
 
 // TODO(kimpers): This file is completely untested make sure to verify when bringing back Portal
 
@@ -11,9 +11,9 @@ import * as _ from 'lodash';
 // https://github.com/0xProject/0x-monorepo/blob/development/packages/connect/src/utils/order_parsing_utils.ts
 export const orderParsingUtils = {
     convertStringsFieldsToBigNumbers(obj: any, fields: string[]): any {
-        const result = _.assign({}, obj);
-        _.each(fields, (field) => {
-            _.update(result, field, (value: string) => {
+        const result = assign({}, obj);
+        each(fields, (field) => {
+            update(result, field, (value: string) => {
                 if (value === undefined) {
                     throw new Error(`Could not find field '${field}' while converting string fields to BigNumber.`);
                 }
diff --git a/ts/utils/providers/provider_factory.ts b/ts/utils/providers/provider_factory.ts
index 1873fed06..5775585c0 100644
--- a/ts/utils/providers/provider_factory.ts
+++ b/ts/utils/providers/provider_factory.ts
@@ -1,7 +1,7 @@
 import { EmptyWalletSubprovider, RPCSubprovider, Web3ProviderEngine } from '@0x/subproviders';
 import { providerUtils } from '@0x/utils';
 import { ZeroExProvider } from 'ethereum-types';
-import _ from 'lodash';
+import _ from 'lodash-es';
 
 import { Maybe, Network } from 'ts/types';
 import { configs } from 'ts/utils/configs';
diff --git a/ts/utils/providers/provider_state_factory.ts b/ts/utils/providers/provider_state_factory.ts
index 49818d807..79f35676d 100644
--- a/ts/utils/providers/provider_state_factory.ts
+++ b/ts/utils/providers/provider_state_factory.ts
@@ -1,7 +1,6 @@
 import { providerUtils } from '@0x/utils';
 import { Web3Wrapper } from '@0x/web3-wrapper';
 import { SupportedProvider, ZeroExProvider } from 'ethereum-types';
-import * as _ from 'lodash';
 
 import { Maybe, Network, Providers, ProviderState } from 'ts/types';
 import { constants } from 'ts/utils/constants';
diff --git a/ts/utils/staking_utils.test.ts b/ts/utils/staking_utils.test.ts
deleted file mode 100644
index e36c1d271..000000000
--- a/ts/utils/staking_utils.test.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-// tslint:disable: number-literal-format
-import { BigNumber } from '@0x/utils';
-import { sum } from 'lodash';
-
-import { stakingUtils } from 'ts/utils/staking_utils';
-
-import { SAMPLE_POOLS } from 'ts/test/fixtures/staking_pools';
-
-import * as inputJsonTestCase1 from 'ts/test/fixtures/staking_rec_algo_test_input_1.json';
-import * as inputJsonTestCase2 from 'ts/test/fixtures/staking_rec_algo_test_input_2.json';
-import * as outputJsonTestCase1 from 'ts/test/fixtures/staking_rec_algo_test_output_1.json';
-import * as outputJsonTestCase2 from 'ts/test/fixtures/staking_rec_algo_test_output_2.json';
-
-const { getRecommendedStakingPools } = stakingUtils;
-
-// Kroeger wrote some test cases from his python script.
-// These tests assert on the serialized input/output from those test cases.
-describe('getRecommendedStakingPools implementation', () => {
-    test('recommendation algo kroger test case 1', () => {
-        const { zrxToStake, pools } = inputJsonTestCase1 as any;
-        const recommendedPools = getRecommendedStakingPools(zrxToStake, pools);
-        expect(recommendedPools).toEqual(outputJsonTestCase1);
-    });
-
-    test('recommendation algo kroeger test case 2', () => {
-        const { zrxToStake, pools } = inputJsonTestCase2 as any;
-        const recommendedPools = getRecommendedStakingPools(zrxToStake, pools);
-        expect(recommendedPools).toEqual(outputJsonTestCase2);
-    });
-});
-
-describe('getRecommendedStakingPools rounding', () => {
-    test('should not break on zero', () => {
-        const totalRequestedToStake = 0;
-        const recommendedPools = getRecommendedStakingPools(totalRequestedToStake, SAMPLE_POOLS);
-        expect(recommendedPools).toHaveLength(0);
-    });
-
-    test('should correctly distribute the entire requested value (whole number)', () => {
-        const totalRequestedToStake = 470;
-        const recommendedPools = getRecommendedStakingPools(totalRequestedToStake, SAMPLE_POOLS);
-        const actualTotalSum = BigNumber.sum(...recommendedPools.map((x) => new BigNumber(x.zrxAmount))).toNumber();
-        expect(actualTotalSum).toBe(totalRequestedToStake);
-    });
-
-    test('should correctly distribute the requested value (odd decimal)', () => {
-        const totalRequestedToStake = 177.77;
-        const recommendedPools = getRecommendedStakingPools(totalRequestedToStake, SAMPLE_POOLS);
-        const actualTotalSum = BigNumber.sum(...recommendedPools.map((x) => new BigNumber(x.zrxAmount))).toNumber();
-        expect(actualTotalSum).toBe(totalRequestedToStake);
-    });
-
-    test('should correctly distribute the requested value (another odd decimal)', () => {
-        const totalRequestedToStake = 4200.27;
-        const recommendedPools = getRecommendedStakingPools(totalRequestedToStake, SAMPLE_POOLS);
-        const actualTotalSum = BigNumber.sum(...recommendedPools.map((x) => new BigNumber(x.zrxAmount))).toNumber();
-        expect(actualTotalSum).toBe(totalRequestedToStake);
-    });
-
-    test('should add correctly with basic Number type', () => {
-        const totalRequestedToStake = 422.77;
-        const recommendedPools = getRecommendedStakingPools(totalRequestedToStake, SAMPLE_POOLS);
-        const actualTotalSum = sum(recommendedPools.map((p) => p.zrxAmount));
-        expect(actualTotalSum).toBe(totalRequestedToStake);
-    });
-
-    test('should correctly distribute the requested value (very large number)', () => {
-        const totalRequestedToStake = 123456789.12;
-        const recommendedPools = getRecommendedStakingPools(totalRequestedToStake, SAMPLE_POOLS);
-        const actualTotalSum = BigNumber.sum(...recommendedPools.map((x) => new BigNumber(x.zrxAmount))).toNumber();
-        expect(actualTotalSum).toBe(totalRequestedToStake);
-    });
-
-    test('should autoround if given more than two decimals', () => {
-        const totalRequestedToStake = 1277.12999;
-        const totalRequestedToStakeRounded = 1277.12;
-        const recommendedPools = getRecommendedStakingPools(totalRequestedToStake, SAMPLE_POOLS);
-        const actualTotalSum = BigNumber.sum(...recommendedPools.map((x) => new BigNumber(x.zrxAmount))).toNumber();
-        expect(actualTotalSum).toBe(totalRequestedToStakeRounded);
-    });
-});
diff --git a/ts/utils/staking_utils.ts b/ts/utils/staking_utils.ts
index cd9016f8c..149b63018 100644
--- a/ts/utils/staking_utils.ts
+++ b/ts/utils/staking_utils.ts
@@ -1,8 +1,8 @@
 import { BigNumber } from '@0x/utils';
 import { formatDistanceStrict, formatDuration, intervalToDuration, isPast } from 'date-fns';
-import * as _ from 'lodash';
 
 import { Decimal } from 'decimal.js';
+import { min, orderBy, sumBy } from 'lodash-es';
 import { constants } from 'ts/utils/constants';
 import { formatZrx } from 'ts/utils/format_number';
 
@@ -57,8 +57,8 @@ export const stakingUtils = {
         // TODO(johnrjj) - Refactor to use BigNumber exclusively
         const stakingDecisions: { [poolId: string]: number } = {};
         for (let i = 0; i < numIterations; i++) {
-            const totalStake = _.sumBy(poolsSummary, (p) => p.zrxStaked);
-            const totalProtocolFees = _.sumBy(poolsSummary, (p) => p.sevenDayProtocolFeesGeneratedInEth);
+            const totalStake = sumBy(poolsSummary, (p) => p.zrxStaked);
+            const totalProtocolFees = sumBy(poolsSummary, (p) => p.sevenDayProtocolFeesGeneratedInEth);
             const adjustedStakeRatios: number[] = [];
             for (const pool of poolsSummary) {
                 const stakeRatio =
@@ -68,7 +68,7 @@ export const stakingUtils = {
                 const adjStakeRatio = Math.pow((1 - alpha) / (1 - pool.operatorShare), 1 / alpha) * stakeRatio;
                 adjustedStakeRatios.push(adjStakeRatio);
             }
-            const bestPoolIndex = adjustedStakeRatios.indexOf(_.min(adjustedStakeRatios));
+            const bestPoolIndex = adjustedStakeRatios.indexOf(min(adjustedStakeRatios));
             const bestPool = poolsSummary[bestPoolIndex];
             stakingDecisions[bestPool.poolId] = stakingDecisions[bestPool.poolId] || 0;
             stakingDecisions[bestPool.poolId] += amountZrxToStake / numIterations;
@@ -83,7 +83,7 @@ export const stakingUtils = {
         );
 
         // Sort desc
-        const orderedRecs = _.orderBy(recs, (p) => p.zrxAmount, ['desc']);
+        const orderedRecs = orderBy(recs, (p) => p.zrxAmount, ['desc']);
         // Need to use BigNumbers here when validating reconciliation
         // example: JS normal addition of 1400.09 + 1400.09 + 1400.09 = 4200.2699999999995 , need to use bignumber!
         const currentTotalSoFar = BigNumber.sum(...orderedRecs.map((x) => new BigNumber(x.zrxAmount)));
diff --git a/ts/utils/translate.ts b/ts/utils/translate.ts
index d92628bfc..be6eed5ad 100644
--- a/ts/utils/translate.ts
+++ b/ts/utils/translate.ts
@@ -1,4 +1,4 @@
-import * as _ from 'lodash';
+import { includes, map } from 'lodash-es';
 import { Deco, Key, Language } from 'ts/types';
 
 import chinese from '../../translations/chinese.json';
@@ -31,13 +31,13 @@ export class Translate {
         }
         const browserLanguage = (window.navigator as any).userLanguage || window.navigator.language || 'en-US';
         let language = Language.English;
-        if (_.includes(browserLanguage, 'es-')) {
+        if (includes(browserLanguage, 'es-')) {
             language = Language.Spanish;
-        } else if (_.includes(browserLanguage, 'zh-')) {
+        } else if (includes(browserLanguage, 'zh-')) {
             language = Language.Chinese;
-        } else if (_.includes(browserLanguage, 'ko-')) {
+        } else if (includes(browserLanguage, 'ko-')) {
             language = Language.Korean;
-        } else if (_.includes(browserLanguage, 'ru-')) {
+        } else if (includes(browserLanguage, 'ru-')) {
             language = Language.Russian;
         }
         this.setLanguage(language);
@@ -68,7 +68,7 @@ export class Translate {
                 );
             }
         }
-        if (decoration !== undefined && !_.includes(languagesWithoutCaps, this._selectedLanguage)) {
+        if (decoration !== undefined && !includes(languagesWithoutCaps, this._selectedLanguage)) {
             switch (decoration) {
                 case Deco.Cap:
                     text = this._capitalize(text);
@@ -80,7 +80,7 @@ export class Translate {
 
                 case Deco.CapWords:
                     const words = text.split(' ');
-                    const capitalizedWords = _.map(words, (w: string, i: number) => {
+                    const capitalizedWords = map(words, (w: string, i: number) => {
                         if (w.length === 1) {
                             return w;
                         }
diff --git a/ts/utils/typedoc_utils.ts b/ts/utils/typedoc_utils.ts
index 14ddded02..8bcffbde4 100644
--- a/ts/utils/typedoc_utils.ts
+++ b/ts/utils/typedoc_utils.ts
@@ -18,7 +18,7 @@ import {
     TypescriptMethod,
 } from '@0x/types';
 import { errorUtils } from '@0x/utils';
-import * as _ from 'lodash';
+import { compact, each, findIndex, flatten, includes, isEmpty, map, startsWith } from 'lodash-es';
 
 import { KindString } from '../types';
 
@@ -40,17 +40,17 @@ export class TypeDocUtils {
         this._externalExportToLink = generatedDocJson.metadata.externalExportToLink;
         this._typeDocJson = generatedDocJson.typedocJson;
 
-        this._typeDocNameOrder = _.compact(
-            _.flatten(
-                _.map(exportPathOrder, (exportPath) => {
+        this._typeDocNameOrder = compact(
+            flatten(
+                map(exportPathOrder, (exportPath) => {
                     return exportPathToTypedocNames[exportPath];
                 }),
             ),
         );
 
         this._classNames = [];
-        _.each(this._typeDocJson.children, (file) => {
-            _.each(file.children, (child) => {
+        each(this._typeDocJson.children, (file) => {
+            each(file.children, (child) => {
                 if (child.kindString === KindString.Class) {
                     this._classNames.push(child.name);
                 }
@@ -76,14 +76,14 @@ export class TypeDocUtils {
         return entity.kindString === KindString.Property;
     }
     public isUnderscorePrefixed(name: string): boolean {
-        return _.startsWith(name, '_');
+        return startsWith(name, '_');
     }
     public getModuleDefinitionsBySectionName(versionDocObj: TypeDocNode, configModulePaths: string[]): TypeDocNode[] {
         const moduleDefinitions: TypeDocNode[] = [];
         const jsonModules = versionDocObj.children;
-        _.each(jsonModules, (jsonMod) => {
-            _.each(configModulePaths, (configModulePath) => {
-                if (_.includes(configModulePath, jsonMod.name)) {
+        each(jsonModules, (jsonMod) => {
+            each(configModulePaths, (configModulePath) => {
+                if (includes(configModulePath, jsonMod.name)) {
                     moduleDefinitions.push(jsonMod);
                 }
             });
@@ -93,7 +93,7 @@ export class TypeDocUtils {
     public convertToDocAgnosticFormat(): DocAgnosticFormat {
         const docAgnosticFormat: DocAgnosticFormat = {};
 
-        if (!_.isEmpty(this._externalExportToLink)) {
+        if (!isEmpty(this._externalExportToLink)) {
             this._docsInfo.sections[constants.EXTERNAL_EXPORTS_SECTION_NAME] = constants.EXTERNAL_EXPORTS_SECTION_NAME;
             this._docsInfo.markdownMenu[constants.EXTERNAL_EXPORTS_SECTION_NAME] = [
                 constants.EXTERNAL_EXPORTS_SECTION_NAME,
@@ -111,11 +111,11 @@ export class TypeDocUtils {
         }
 
         const typeEntities: TypeDocNode[] = [];
-        _.each(this._typeDocNameOrder, (typeDocName) => {
-            const fileChildIndex = _.findIndex(this._typeDocJson.children, (child) => child.name === typeDocName);
+        each(this._typeDocNameOrder, (typeDocName) => {
+            const fileChildIndex = findIndex(this._typeDocJson.children, (child) => child.name === typeDocName);
             const fileChild = this._typeDocJson.children[fileChildIndex];
             let sectionName: string;
-            _.each(fileChild.children, (child) => {
+            each(fileChild.children, (child) => {
                 switch (child.kindString) {
                     case KindString.Class:
                     case KindString.ObjectLiteral: {
@@ -158,7 +158,7 @@ export class TypeDocUtils {
                 }
             });
         });
-        if (!_.isEmpty(typeEntities)) {
+        if (!isEmpty(typeEntities)) {
             this._docsInfo.sections[constants.TYPES_SECTION_NAME] = constants.TYPES_SECTION_NAME;
             this._docsInfo.markdownMenu[constants.TYPES_SECTION_NAME] = [constants.TYPES_SECTION_NAME];
             const docSection = this._convertEntitiesToDocSection(typeEntities, constants.TYPES_SECTION_NAME);
@@ -182,7 +182,7 @@ export class TypeDocUtils {
         };
 
         let isConstructor;
-        _.each(entities, (entity) => {
+        each(entities, (entity) => {
             switch (entity.kindString) {
                 case KindString.Constructor:
                     isConstructor = true;
@@ -224,8 +224,8 @@ export class TypeDocUtils {
                     } else {
                         // Otherwise, render as a type
                         const customType = this._convertCustomType(entity, sectionName);
-                        const seenTypeNames = _.map(docSection.types, (t) => t.name);
-                        const isUnseen = !_.includes(seenTypeNames, customType.name);
+                        const seenTypeNames = map(docSection.types, (t) => t.name);
+                        const isUnseen = !includes(seenTypeNames, customType.name);
                         if (isUnseen) {
                             docSection.types.push(customType);
                         }
@@ -236,8 +236,8 @@ export class TypeDocUtils {
                 case KindString.Enumeration:
                 case KindString.TypeAlias: {
                     const customType = this._convertCustomType(entity, sectionName);
-                    const seenTypeNames = _.map(docSection.types, (t) => t.name);
-                    const isUnseen = !_.includes(seenTypeNames, customType.name);
+                    const seenTypeNames = map(docSection.types, (t) => t.name);
+                    const isUnseen = !includes(seenTypeNames, customType.name);
                     if (isUnseen) {
                         docSection.types.push(customType);
                     }
@@ -275,7 +275,7 @@ export class TypeDocUtils {
 
         const childrenIfExist =
             entity.children !== undefined
-                ? _.map(entity.children, (child: TypeDocNode) => {
+                ? map(entity.children, (child: TypeDocNode) => {
                       let childTypeIfExists =
                           child.type !== undefined ? this._convertType(child.type, sectionName) : undefined;
                       if (child.kindString === KindString.Method) {
@@ -339,7 +339,7 @@ export class TypeDocUtils {
         const hasComment = signature.comment !== undefined;
         const isStatic = entity.flags.isStatic === undefined ? false : entity.flags.isStatic;
 
-        const parameters = _.map(signature.parameters, (param) => {
+        const parameters = map(signature.parameters, (param) => {
             return this._convertParameter(param, sectionName);
         });
         const returnType = this._convertType(signature.type, sectionName);
@@ -383,7 +383,7 @@ export class TypeDocUtils {
         return callPath;
     }
     private _getLowercaseSectionName(sectionName: string): string {
-        if (_.startsWith(sectionName, 'ERC')) {
+        if (startsWith(sectionName, 'ERC')) {
             return `${sectionName.slice(0, 3).toLowerCase()}${sectionName.slice(3)}`;
         }
         return `${sectionName[0].toLowerCase()}${sectionName.slice(1)}`;
@@ -393,7 +393,7 @@ export class TypeDocUtils {
         const source = entity.sources[0];
         const hasComment = signature.comment !== undefined;
 
-        const parameters = _.map(signature.parameters, (param) => {
+        const parameters = map(signature.parameters, (param) => {
             return this._convertParameter(param, sectionName);
         });
         const returnType = this._convertType(signature.type, sectionName);
@@ -456,10 +456,10 @@ export class TypeDocUtils {
         return parameter;
     }
     private _convertType(entity: TypeDocType, sectionName: string): Type {
-        const typeArguments = _.map(entity.typeArguments, (typeArgument) => {
+        const typeArguments = map(entity.typeArguments, (typeArgument) => {
             return this._convertType(typeArgument, sectionName);
         });
-        const types = _.map(entity.types, (t) => {
+        const types = map(entity.types, (t) => {
             return this._convertType(t, sectionName);
         });
 
@@ -475,7 +475,7 @@ export class TypeDocUtils {
             const isConstructor = false;
             methodIfExists = this._convertMethod(entity.declaration, isConstructor, sectionName);
         } else if (entity.type === TypeDocTypes.Tuple) {
-            tupleElementsIfExists = _.map(entity.elements, (el) => {
+            tupleElementsIfExists = map(entity.elements, (el) => {
                 // the following line is required due to an open tslint issue, https://github.com/palantir/tslint/issues/3540
                 // tslint:disable-next-line:no-unnecessary-type-assertion
                 return { name: el.name, typeDocType: el.type as TypeDocTypes };
@@ -493,7 +493,7 @@ export class TypeDocUtils {
         const type: Type = {
             name: entity.name,
             value: entity.value,
-            isExportedClassReference: _.includes(this._classNames, entity.name),
+            isExportedClassReference: includes(this._classNames, entity.name),
             typeDocType: entity.type,
             typeArguments,
             elementType: elementTypeIfExists,
diff --git a/ts/utils/utils.ts b/ts/utils/utils.ts
index 85d7be369..799eb69ae 100644
--- a/ts/utils/utils.ts
+++ b/ts/utils/utils.ts
@@ -11,7 +11,8 @@ import * as changeCase from 'change-case';
 import deepEqual from 'deep-equal';
 import { providers } from 'ethers';
 import isMobile from 'is-mobile';
-import * as _ from 'lodash';
+import { filter, find, get, includes, isEmpty, isInteger, isNaN, repeat, values } from 'lodash-es';
+
 import * as moment from 'moment';
 import * as numeral from 'numeral';
 import { scroller } from 'react-scroll';
@@ -135,7 +136,7 @@ export const utils = {
     getColSize(items: number): number {
         const bassCssGridSize = 12; // Source: http://basscss.com/#basscss-grid
         const colSize = bassCssGridSize / items;
-        if (!_.isInteger(colSize)) {
+        if (!isInteger(colSize)) {
             throw new Error(`Number of cols must be divisible by ${bassCssGridSize}`);
         }
         return colSize;
@@ -187,9 +188,9 @@ export const utils = {
         const paritySignerDenialErrMsg = 'Request has been rejected';
         const ledgerDenialErrMsg = 'Invalid status 6985';
         const isUserDeniedErrMsg =
-            _.includes(errMsg, metamaskDenialErrMsg) ||
-            _.includes(errMsg, paritySignerDenialErrMsg) ||
-            _.includes(errMsg, ledgerDenialErrMsg);
+            includes(errMsg, metamaskDenialErrMsg) ||
+            includes(errMsg, paritySignerDenialErrMsg) ||
+            includes(errMsg, ledgerDenialErrMsg);
         return isUserDeniedErrMsg;
     },
     getAddressBeginAndEnd(address: string, beginCharCount: number = 6, endCharCount: number = 4): string {
@@ -216,7 +217,7 @@ export const utils = {
         injectedProviderName: string,
         userAddress?: string,
     ): AccountState {
-        const isAddressAvailable = userAddress !== undefined && !_.isEmpty(userAddress);
+        const isAddressAvailable = userAddress !== undefined && !isEmpty(userAddress);
         const isExternallyInjectedProvider = utils.isExternallyInjected(providerType, injectedProviderName);
         if (!isBlockchainReady) {
             return AccountState.Loading;
@@ -233,12 +234,12 @@ export const utils = {
         if (token.isRegistered) {
             return true; // Since it's registered, it is the canonical token
         }
-        const registeredTokens = _.filter(tokens, (t) => t.isRegistered);
-        const tokenWithSameNameIfExists = _.find(registeredTokens, {
+        const registeredTokens = filter(tokens, (t) => t.isRegistered);
+        const tokenWithSameNameIfExists = find(registeredTokens, {
             name: token.name,
         });
         const isUniqueName = tokenWithSameNameIfExists === undefined;
-        const tokenWithSameSymbolIfExists = _.find(registeredTokens, {
+        const tokenWithSameSymbolIfExists = find(registeredTokens, {
             name: token.symbol,
         });
         const isUniqueSymbol = tokenWithSameSymbolIfExists === undefined;
@@ -284,13 +285,13 @@ export const utils = {
         return humanReadableErrorMsg;
     },
     isParityNode(nodeVersion: string): boolean {
-        return _.includes(nodeVersion, 'Parity');
+        return includes(nodeVersion, 'Parity');
     },
     isTestRpc(nodeVersion: string): boolean {
-        return _.includes(nodeVersion, 'TestRPC');
+        return includes(nodeVersion, 'TestRPC');
     },
     isTestNetwork(networkId: number): boolean {
-        const isTestNetwork = _.includes(
+        const isTestNetwork = includes(
             [
                 constants.NETWORK_ID_BY_NAME[Networks.Kovan],
                 constants.NETWORK_ID_BY_NAME[Networks.Rinkeby],
@@ -319,9 +320,9 @@ export const utils = {
     checkWindowProviderProperty(propertyName: string): boolean {
         if ((window.ethereum && window.ethereum[propertyName]) || (window.web3 && window.web3[propertyName])) {
             return true;
-        } else if (_.get(window, propertyName) !== undefined) {
+        } else if (get(window, propertyName) !== undefined) {
             return true;
-        } else if (_.get(window, propertyName) !== undefined) {
+        } else if (get(window, propertyName) !== undefined) {
             return true;
         } else if (utils.getBrowserType() === propertyName && !window.ethereum) {
             return true;
@@ -334,7 +335,7 @@ export const utils = {
         const anyProvider = provider as any;
         if (provider.constructor.name === 'EthereumProvider') {
             return Providers.Mist;
-        } else if (_.get(window, 'Bitpie')) {
+        } else if (get(window, 'Bitpie')) {
             // NOTE: Bitpie is TrustWallet based so isTrust is also true
             return Providers.Bitpie;
         } else if (anyProvider.isTrust) {
@@ -345,9 +346,9 @@ export const utils = {
             return Providers.Metamask;
         } else if (anyProvider.isImToken) {
             return Providers.ImToken;
-        } else if (_.get(window, 'SOFA') !== undefined) {
+        } else if (get(window, 'SOFA') !== undefined) {
             return Providers.CoinbaseWallet;
-        } else if (_.get(window, '__CIPHER__') !== undefined) {
+        } else if (get(window, '__CIPHER__') !== undefined) {
             return Providers.Cipher;
         } else if (utils.getBrowserType() === BrowserType.Opera && !anyProvider.isMetaMask) {
             return Providers.Opera;
@@ -431,13 +432,13 @@ export const utils = {
         return utils.getTokenBySymbol(constants.ZRX_TOKEN_SYMBOL, tokenByAddress);
     },
     getTokenBySymbol(symbol: string, tokenByAddress: TokenByAddress): Token {
-        const tokens = _.values(tokenByAddress);
-        const token = _.find(tokens, { symbol });
+        const tokens = values(tokenByAddress);
+        const token = find(tokens, { symbol });
         return token;
     },
     getTrackedTokens(tokenByAddress: TokenByAddress): Token[] {
-        const allTokens = _.values(tokenByAddress);
-        const trackedTokens = _.filter(allTokens, (t) => utils.isTokenTracked(t));
+        const allTokens = values(tokenByAddress);
+        const trackedTokens = filter(allTokens, (t) => utils.isTokenTracked(t));
         return trackedTokens;
     },
     getFormattedAmountFromToken(token: Token, tokenState: TokenState): string {
@@ -445,7 +446,7 @@ export const utils = {
     },
     format(value: BigNumber, format: string): string {
         const formattedAmount = numeral(value).format(format);
-        if (_.isNaN(formattedAmount) || formattedAmount === 'NaN') {
+        if (isNaN(formattedAmount) || formattedAmount === 'NaN') {
             // https://github.com/adamwdraper/Numeral-js/issues/596
             return numeral(new BigNumber(0)).format(format);
         }
@@ -462,7 +463,7 @@ export const utils = {
         const lessThanOnePrecision = Math.min(constants.TOKEN_AMOUNT_DISPLAY_PRECISION, unitAmount.decimalPlaces());
         const greaterThanOnePrecision = 2;
         const precision = unitAmount.lt(1) ? lessThanOnePrecision : greaterThanOnePrecision;
-        const format = `0,0.${_.repeat('0', precision)}`;
+        const format = `0,0.${repeat('0', precision)}`;
         return utils.format(unitAmount, format);
     },
     getUsdValueFormattedAmount(amount: BigNumber, decimals: number, price: BigNumber): string {
@@ -558,7 +559,7 @@ export const utils = {
     },
     scrollToHash(hash: string, containerId: string): void {
         let finalHash = hash;
-        if (_.isEmpty(hash)) {
+        if (isEmpty(hash)) {
             finalHash = constants.SCROLL_TOP_ID; // scroll to the top
         }
 
diff --git a/tsconfig.json b/tsconfig.json
index 70c504904..2fd26743c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
     "compilerOptions": {
-        "target": "es5",
+        "target": "es6",
         "lib": ["es2017", "dom"],
         "experimentalDecorators": true,
         "downlevelIteration": true,
@@ -17,6 +17,7 @@
         "allowJs": true,
         "strictNullChecks": false,
         "noImplicitThis": false,
+        "removeComments": false,
         // tsconfig.json at the monorepo root contains some options required for
         // project references which do not work for website. We override those
         // options here.
@@ -27,7 +28,8 @@
             "*": ["node_modules/@types/*", "*"]
         },
         "module": "esnext",
-        "moduleResolution": "node"
+        "moduleResolution": "node",
+        "importHelpers": true
     },
     "awesomeTypescriptLoaderOptions": {
         "useCache": true,
diff --git a/webpack.config.js b/webpack.config.js
index 2e1622254..4dd0fc6a0 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -9,19 +9,25 @@ const remarkSlug = require('remark-slug');
 const remarkAutolinkHeadings = require('./webpack/remark_autolink_headings');
 const remarkSectionizeHeadings = require('./webpack/remark_sectionize_headings');
 const mdxTableOfContents = require('./webpack/mdx_table_of_contents');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 const GIT_SHA = childProcess.execSync('git rev-parse HEAD').toString().trim();
 
 module.exports = (_env, argv) => {
-    const plugins = [new Dotenv()];
+    const plugins = [new Dotenv(), new HtmlWebpackPlugin({ template: 'public/index.html' })];
     const isDevEnvironment = argv.mode === 'development';
 
+    if (isDevEnvironment) {
+        plugins.push(new BundleAnalyzerPlugin());
+    }
+
     const config = {
         entry: ['./ts/index.tsx'],
         output: {
             path: path.join(__dirname, '/public'),
             filename: 'bundle.js',
-            chunkFilename: 'bundle-[name].js',
+            chunkFilename: 'bundle-[name].[contenthash].js',
             publicPath: '/',
         },
         externals: {
@@ -119,7 +125,7 @@ module.exports = (_env, argv) => {
             minimizer: [
                 new TerserPlugin({
                     parallel: true,
-                    sourceMap: true,
+                    sourceMap: isDevEnvironment,
                     terserOptions: {
                         mangle: {
                             reserved: ['BigNumber'],
@@ -127,6 +133,27 @@ module.exports = (_env, argv) => {
                     },
                 }),
             ],
+            splitChunks: {
+                chunks: 'all',
+                minSize: 1000 * 600,
+            },
+            // runtimeChunk: 'single',
+            // splitChunks: {
+            //     chunks: 'all',
+            //     cacheGroups: {
+            //         vendor: {
+            //             test: /[\\/]node_modules[\\/]/,
+            //             name(module) {
+            //                 // get the name. E.g. node_modules/packageName/not/this/part.js
+            //                 // or node_modules/packageName
+            //                 const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
+
+            //                 // npm package names are URL-safe, but some servers don't like @ symbols
+            //                 return `npm.${packageName.replace('@', '')}`;
+            //             },
+            //         },
+            //     },
+            // },
         },
         devServer: {
             host: '0.0.0.0',
diff --git a/yarn.lock b/yarn.lock
index bfbc57937..f78621771 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -515,12 +515,26 @@
     ethers "~4.0.4"
     lodash "^4.17.11"
 
+"@ampproject/remapping@^2.1.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.1.2.tgz#4edca94973ded9630d20101cd8559cedb8d8bd34"
+  integrity sha512-hoyByceqwKirw7w3Z7gnIIZC3Wx3J484Y3L/cMpXFbr7d9ZQj2mODrirNzcJa+SM3UlpWXYvKV4RlRpFXlWgXg==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.0"
+
 "@babel/code-frame@^7.0.0":
   version "7.0.0"
   resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0.tgz#06e2ab19bdb535385559aabb5ba59729482800f8"
   dependencies:
     "@babel/highlight" "^7.0.0"
 
+"@babel/code-frame@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.7.tgz#44416b6bd7624b998f5b1af5d470856c40138789"
+  integrity sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==
+  dependencies:
+    "@babel/highlight" "^7.16.7"
+
 "@babel/code-frame@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.5.5.tgz#bc0782f6d69f7b7d49531219699b988f669a8f9d"
@@ -528,6 +542,11 @@
   dependencies:
     "@babel/highlight" "^7.0.0"
 
+"@babel/compat-data@^7.17.7":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.17.7.tgz#078d8b833fbbcc95286613be8c716cef2b519fa2"
+  integrity sha512-p8pdE6j0a29TNGebNm7NzYZWB3xVZJBZ7XGs42uAKzQo8VQ3F0By/cQCtUEABwIqw5zo6WA4NbmxsfzADzMKnQ==
+
 "@babel/core@7.5.5", "@babel/core@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.5.5.tgz#17b2686ef0d6bc58f963dddd68ab669755582c30"
@@ -568,6 +587,27 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
+"@babel/core@^7.13.16":
+  version "7.17.8"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.17.8.tgz#3dac27c190ebc3a4381110d46c80e77efe172e1a"
+  integrity sha512-OdQDV/7cRBtJHLSOBqqbYNkOcydOgnX59TZx4puf41fzcVtN3e/4yqY8lMQsK+5X2lJtAdmA+6OHqsj1hBJ4IQ==
+  dependencies:
+    "@ampproject/remapping" "^2.1.0"
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.17.7"
+    "@babel/helper-compilation-targets" "^7.17.7"
+    "@babel/helper-module-transforms" "^7.17.7"
+    "@babel/helpers" "^7.17.8"
+    "@babel/parser" "^7.17.8"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.17.3"
+    "@babel/types" "^7.17.0"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.1.2"
+    semver "^6.3.0"
+
 "@babel/core@^7.2.2":
   version "7.4.5"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.4.5.tgz#081f97e8ffca65a9b4b0fdc7e274e703f000c06a"
@@ -587,6 +627,15 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
+"@babel/generator@^7.17.3", "@babel/generator@^7.17.7":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.17.7.tgz#8da2599beb4a86194a3b24df6c085931d9ee45ad"
+  integrity sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==
+  dependencies:
+    "@babel/types" "^7.17.0"
+    jsesc "^2.5.1"
+    source-map "^0.5.0"
+
 "@babel/generator@^7.4.0", "@babel/generator@^7.7.4", "@babel/generator@^7.7.7":
   version "7.7.7"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.7.7.tgz#859ac733c44c74148e1a72980a64ec84b85f4f45"
@@ -624,6 +673,13 @@
   dependencies:
     "@babel/types" "^7.0.0"
 
+"@babel/helper-annotate-as-pure@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz#bb2339a7534a9c128e3102024c60760a3a7f3862"
+  integrity sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-builder-binary-assignment-operator-visitor@^7.1.0":
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.1.0.tgz#6b69628dfe4087798e0c4ed98e3d4a6b2fbd2f5f"
@@ -646,6 +702,29 @@
     "@babel/traverse" "^7.4.4"
     "@babel/types" "^7.4.4"
 
+"@babel/helper-compilation-targets@^7.17.7":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.17.7.tgz#a3c2924f5e5f0379b356d4cfb313d1414dc30e46"
+  integrity sha512-UFzlz2jjd8kroj0hmCFV5zr+tQPi1dpC2cRsDV/3IEW8bJfCPrPpmcSN6ZS8RqIq4LXcmpipCQFPddyFA5Yc7w==
+  dependencies:
+    "@babel/compat-data" "^7.17.7"
+    "@babel/helper-validator-option" "^7.16.7"
+    browserslist "^4.17.5"
+    semver "^6.3.0"
+
+"@babel/helper-create-class-features-plugin@^7.16.7":
+  version "7.17.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.17.6.tgz#3778c1ed09a7f3e65e6d6e0f6fbfcc53809d92c9"
+  integrity sha512-SogLLSxXm2OkBbSsHZMM4tUi8fUzjs63AT/d0YQIzr6GSd8Hxsbk2KYDX0k0DweAzGMj/YWeiCsorIdtdcW8Eg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.16.7"
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-function-name" "^7.16.7"
+    "@babel/helper-member-expression-to-functions" "^7.16.7"
+    "@babel/helper-optimise-call-expression" "^7.16.7"
+    "@babel/helper-replace-supers" "^7.16.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+
 "@babel/helper-define-map@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.5.5.tgz#3dec32c2046f37e09b28c93eb0b103fd2a25d369"
@@ -655,6 +734,13 @@
     "@babel/types" "^7.5.5"
     lodash "^4.17.13"
 
+"@babel/helper-environment-visitor@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.16.7.tgz#ff484094a839bde9d89cd63cba017d7aae80ecd7"
+  integrity sha512-SLLb0AAn6PkUeAfKJCCOl9e1R53pQlGAfc4y4XuMRZfqeMYLE0dM1LMhqbGAlGQY0lfw5/ohoYWAe9V1yibRag==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-explode-assignable-expression@^7.1.0":
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.1.0.tgz#537fa13f6f1674df745b0c00ec8fe4e99681c8f6"
@@ -670,6 +756,15 @@
     "@babel/template" "^7.1.0"
     "@babel/types" "^7.0.0"
 
+"@babel/helper-function-name@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.16.7.tgz#f1ec51551fb1c8956bc8dd95f38523b6cf375f8f"
+  integrity sha512-QfDfEnIUyyBSR3HtrtGECuZ6DAyCkYFp7GHl75vFtTnn6pjKeK0T1DB5lLkFvBea8MdaiUABx3osbgLyInoejA==
+  dependencies:
+    "@babel/helper-get-function-arity" "^7.16.7"
+    "@babel/template" "^7.16.7"
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-function-name@^7.7.4":
   version "7.7.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.7.4.tgz#ab6e041e7135d436d8f0a3eca15de5b67a341a2e"
@@ -685,6 +780,13 @@
   dependencies:
     "@babel/types" "^7.0.0"
 
+"@babel/helper-get-function-arity@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.16.7.tgz#ea08ac753117a669f1508ba06ebcc49156387419"
+  integrity sha512-flc+RLSOBXzNzVhcLu6ujeHUrD6tANAOU5ojrRx/as+tbzf8+stUCj7+IfRRoAbEZqj/ahXEMsjhOhgeZsrnTw==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-get-function-arity@^7.7.4":
   version "7.7.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.7.4.tgz#cb46348d2f8808e632f0ab048172130e636005f0"
@@ -692,12 +794,26 @@
   dependencies:
     "@babel/types" "^7.7.4"
 
+"@babel/helper-hoist-variables@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.7.tgz#86bcb19a77a509c7b77d0e22323ef588fa58c246"
+  integrity sha512-m04d/0Op34H5v7pbZw6pSKP7weA6lsMvfiIAMeIvkY/R4xQtBSMFEigu9QTZ2qB/9l22vsxtM8a+Q8CzD255fg==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-hoist-variables@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.4.4.tgz#0298b5f25c8c09c53102d52ac4a98f773eb2850a"
   dependencies:
     "@babel/types" "^7.4.4"
 
+"@babel/helper-member-expression-to-functions@^7.16.7":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.17.7.tgz#a34013b57d8542a8c4ff8ba3f747c02452a4d8c4"
+  integrity sha512-thxXgnQ8qQ11W2wVUObIqDL4p148VMxkt5T/qpN5k2fboRyzFGFmKsTGViquyM5QHKUy48OZoca8kw4ajaDPyw==
+  dependencies:
+    "@babel/types" "^7.17.0"
+
 "@babel/helper-member-expression-to-functions@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.5.5.tgz#1fb5b8ec4453a93c439ee9fe3aeea4a84b76b590"
@@ -718,6 +834,13 @@
   dependencies:
     "@babel/types" "^7.12.1"
 
+"@babel/helper-module-imports@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz#25612a8091a999704461c8a222d0efec5d091437"
+  integrity sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-module-transforms@^7.1.0", "@babel/helper-module-transforms@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.4.4.tgz#96115ea42a2f139e619e98ed46df6019b94414b8"
@@ -729,12 +852,33 @@
     "@babel/types" "^7.4.4"
     lodash "^4.17.11"
 
+"@babel/helper-module-transforms@^7.17.7":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.17.7.tgz#3943c7f777139e7954a5355c815263741a9c1cbd"
+  integrity sha512-VmZD99F3gNTYB7fJRDTi+u6l/zxY0BE6OIxPSU7a50s6ZUQkHwSDmV92FfM+oCG0pZRVojGYhkR8I0OGeCVREw==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/helper-simple-access" "^7.17.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/helper-validator-identifier" "^7.16.7"
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.17.3"
+    "@babel/types" "^7.17.0"
+
 "@babel/helper-optimise-call-expression@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.0.0.tgz#a2920c5702b073c15de51106200aa8cad20497d5"
   dependencies:
     "@babel/types" "^7.0.0"
 
+"@babel/helper-optimise-call-expression@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.16.7.tgz#a34e3560605abbd31a18546bd2aad3e6d9a174f2"
+  integrity sha512-EtgBhg7rd/JcnpZFXpBy0ze1YRfdm7BnBX4uKMBd3ixa3RGAE002JZB66FJyNH7g0F38U05pXmA5P8cBh7z+1w==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-plugin-utils@7.0.0", "@babel/helper-plugin-utils@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.0.0.tgz#bbb3fbee98661c569034237cc03967ba99b4f250"
@@ -744,6 +888,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375"
   integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==
 
+"@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz#aa3a8ab4c3cceff8e65eb9e73d87dc4ff320b2f5"
+  integrity sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==
+
 "@babel/helper-regex@^7.0.0", "@babel/helper-regex@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.4.4.tgz#a47e02bc91fb259d2e6727c2a30013e3ac13c4a2"
@@ -760,6 +909,17 @@
     "@babel/traverse" "^7.1.0"
     "@babel/types" "^7.0.0"
 
+"@babel/helper-replace-supers@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.16.7.tgz#e9f5f5f32ac90429c1a4bdec0f231ef0c2838ab1"
+  integrity sha512-y9vsWilTNaVnVh6xiJfABzsNpgDPKev9HnAgz6Gb1p6UUwf9NepdlsV7VXGCftJM+jqD5f7JIEubcpLjZj5dBw==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-member-expression-to-functions" "^7.16.7"
+    "@babel/helper-optimise-call-expression" "^7.16.7"
+    "@babel/traverse" "^7.16.7"
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-replace-supers@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.5.5.tgz#f84ce43df031222d2bad068d2626cb5799c34bc2"
@@ -777,6 +937,27 @@
     "@babel/template" "^7.1.0"
     "@babel/types" "^7.0.0"
 
+"@babel/helper-simple-access@^7.17.7":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.17.7.tgz#aaa473de92b7987c6dfa7ce9a7d9674724823367"
+  integrity sha512-txyMCGroZ96i+Pxr3Je3lzEJjqwaRC9buMUgtomcrLe5Nd0+fk1h0LLA+ixUF5OW7AhHuQ7Es1WcQJZmZsz2XA==
+  dependencies:
+    "@babel/types" "^7.17.0"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.16.0":
+  version "7.16.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.16.0.tgz#0ee3388070147c3ae051e487eca3ebb0e2e8bb09"
+  integrity sha512-+il1gTy0oHwUsBQZyJvukbB4vPMdcYBrFHa0Uc4AizLxbq6BOYC51Rv4tWocX9BLBDLZ4kc6qUFpQ6HRgL+3zw==
+  dependencies:
+    "@babel/types" "^7.16.0"
+
+"@babel/helper-split-export-declaration@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.7.tgz#0b648c0c42da9d3920d85ad585f2778620b8726b"
+  integrity sha512-xbWoy/PFoxSWazIToT9Sif+jJTlrMcndIsaOKvTA6u7QEo7ilkRZpjew18/W3c7nm8fXdUDXh02VXTbZ0pGDNw==
+  dependencies:
+    "@babel/types" "^7.16.7"
+
 "@babel/helper-split-export-declaration@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.4.tgz#ff94894a340be78f53f06af038b205c49d993677"
@@ -795,6 +976,16 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
   integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==
 
+"@babel/helper-validator-identifier@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz#e8c602438c4a8195751243da9031d1607d247cad"
+  integrity sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==
+
+"@babel/helper-validator-option@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz#b203ce62ce5fe153899b617c08957de860de4d23"
+  integrity sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==
+
 "@babel/helper-wrap-function@^7.1.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.2.0.tgz#c4e0012445769e2815b55296ead43a958549f6fa"
@@ -804,6 +995,15 @@
     "@babel/traverse" "^7.1.0"
     "@babel/types" "^7.2.0"
 
+"@babel/helpers@^7.17.8":
+  version "7.17.8"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.17.8.tgz#288450be8c6ac7e4e44df37bcc53d345e07bc106"
+  integrity sha512-QcL86FGxpfSJwGtAvv4iG93UL6bmqBdmoVY0CMCU2g+oD2ezQse3PT5Pa+jiD6LJndBQi0EDlpzOWNlLuhz5gw==
+  dependencies:
+    "@babel/template" "^7.16.7"
+    "@babel/traverse" "^7.17.3"
+    "@babel/types" "^7.17.0"
+
 "@babel/helpers@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.4.4.tgz#868b0ef59c1dd4e78744562d5ce1b59c89f2f2a5"
@@ -838,11 +1038,25 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
+"@babel/highlight@^7.16.7":
+  version "7.16.10"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.16.10.tgz#744f2eb81579d6eea753c227b0f570ad785aba88"
+  integrity sha512-5FnTQLSLswEj6IkgVw5KusNUUFY9ZGqe/TRFnP/BKYHYgfh7tc+C7mwiy95/yNP7Dh9x580Vv8r7u7ZfTBFxdw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.16.7"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
 "@babel/parser@^7.1.0", "@babel/parser@^7.4.3", "@babel/parser@^7.7.4", "@babel/parser@^7.7.7":
   version "7.7.7"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.7.7.tgz#1b886595419cf92d811316d5b715a53ff38b4937"
   integrity sha512-WtTZMZAZLbeymhkd/sEaPD8IQyGAhmuTuvTzLiCFM7iXiVdY0gc0IaI+cW0fh1BnSMbJSzXX6/fHllgHKwHhXw==
 
+"@babel/parser@^7.13.16", "@babel/parser@^7.16.7", "@babel/parser@^7.17.3", "@babel/parser@^7.17.8":
+  version "7.17.8"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.8.tgz#2817fb9d885dd8132ea0f8eb615a6388cca1c240"
+  integrity sha512-BoHhDJrJXqcg+ZL16Xv39H9n+AqJ4pcDrQBGZN+wHxIysrLZ3/ECwCBUch/1zUNhnsXULcONU3Ei5Hmkfk6kiQ==
+
 "@babel/parser@^7.4.4", "@babel/parser@^7.4.5":
   version "7.4.5"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.4.5.tgz#04af8d5d5a2b044a2a1bffacc1e5e6673544e872"
@@ -860,6 +1074,14 @@
     "@babel/helper-remap-async-to-generator" "^7.1.0"
     "@babel/plugin-syntax-async-generators" "^7.2.0"
 
+"@babel/plugin-proposal-class-properties@^7.13.0":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.16.7.tgz#925cad7b3b1a2fcea7e59ecc8eb5954f961f91b0"
+  integrity sha512-IobU0Xme31ewjYOShSIqd/ZGM/r/cuOz2z0MDbNrhF5FW+ZVgi0f2lyeoj9KFPDOAqsYxmLWZte1WOwlvY9aww==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.16.7"
+    "@babel/helper-plugin-utils" "^7.16.7"
+
 "@babel/plugin-proposal-dynamic-import@^7.5.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.5.0.tgz#e532202db4838723691b10a67b8ce509e397c506"
@@ -875,6 +1097,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-json-strings" "^7.2.0"
 
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.16.7.tgz#141fc20b6857e59459d430c850a0011e36561d99"
+  integrity sha512-aUOrYU3EVtjf62jQrCj63pYZ7k6vns2h/DQvHPWGmsJRYzWXZ6/AsfgpiRy6XiuIDADhJzP2Q9MwSMKauBQ+UQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
 "@babel/plugin-proposal-object-rest-spread@7.5.5", "@babel/plugin-proposal-object-rest-spread@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.5.5.tgz#61939744f71ba76a3ae46b5eea18a54c16d22e58"
@@ -897,6 +1127,15 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
 
+"@babel/plugin-proposal-optional-chaining@^7.13.12":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.16.7.tgz#7cd629564724816c0e8a969535551f943c64c39a"
+  integrity sha512-eC3xy+ZrUcBtP7x+sq62Q/HYd674pPTb/77XZMb5wbDPGWIdUbSr4Agr052+zaUPSb+gGRnjxXfKFvx5iMJ+DA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.16.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
 "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.4.4.tgz#501ffd9826c0b91da22690720722ac7cb1ca9c78"
@@ -918,6 +1157,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-flow@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.16.7.tgz#202b147e5892b8452bbb0bb269c7ed2539ab8832"
+  integrity sha512-UDo3YGQO0jH6ytzVwgSLv9i/CzMcUjbKenL67dTrAZPPv6GFAtDhe6jqnvmoKzC/7htNTohhos+onPtDMqJwaQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.16.7"
+
 "@babel/plugin-syntax-json-strings@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.2.0.tgz#72bd13f6ffe1d25938129d2a186b11fd62951470"
@@ -930,6 +1176,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
+  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
 "@babel/plugin-syntax-object-rest-spread@7.2.0", "@babel/plugin-syntax-object-rest-spread@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.2.0.tgz#3b7a3e733510c57e820b9142a6579ac8b0dfad2e"
@@ -950,6 +1203,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-optional-chaining@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
+  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.0"
+
+"@babel/plugin-syntax-typescript@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.16.7.tgz#39c9b55ee153151990fb038651d58d3fd03f98f8"
+  integrity sha512-YhUIJHHGkqPgEcMYkPCKTyGUdoGKWtopIycQyjJH8OjvRgOYsXsaKehLVPScKJWAULPxMa4N1vCe6szREFlZ7A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.16.7"
+
 "@babel/plugin-transform-arrow-functions@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.2.0.tgz#9aeafbe4d6ffc6563bf8f8372091628f00779550"
@@ -1028,6 +1295,14 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.1.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-flow-strip-types@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.16.7.tgz#291fb140c78dabbf87f2427e7c7c332b126964b8"
+  integrity sha512-mzmCq3cNsDpZZu9FADYYyfZJIOrSONmHcop2XEKPdBNMa4PDC4eEvcOvzZaCNcjKu72v0XQlA5y1g58aLRXdYg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/plugin-syntax-flow" "^7.16.7"
+
 "@babel/plugin-transform-for-of@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.4.4.tgz#0267fc735e24c808ba173866c6c4d1440fc3c556"
@@ -1062,6 +1337,16 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     babel-plugin-dynamic-import-node "^2.3.0"
 
+"@babel/plugin-transform-modules-commonjs@^7.13.8":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.17.7.tgz#d86b217c8e45bb5f2dbc11eefc8eab62cf980d19"
+  integrity sha512-ITPmR2V7MqioMJyrxUo2onHNC3e+MvfFiFIR0RP21d3PtlVb6sfzoxNKiphSZUOM9hEIdzCcZe83ieX3yoqjUA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.17.7"
+    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/helper-simple-access" "^7.17.7"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
 "@babel/plugin-transform-modules-commonjs@^7.5.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.5.0.tgz#425127e6045231360858eeaa47a71d75eded7a74"
@@ -1204,6 +1489,15 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-typescript@^7.16.7":
+  version "7.16.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.16.8.tgz#591ce9b6b83504903fa9dd3652c357c2ba7a1ee0"
+  integrity sha512-bHdQ9k7YpBDO2d0NVfkj51DpQcvwIzIusJ7mEUaMlbZq3Kt/U47j24inXZHQ5MDiYpCs+oZiwnXyKedE8+q7AQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.16.7"
+    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/plugin-syntax-typescript" "^7.16.7"
+
 "@babel/plugin-transform-unicode-regex@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.4.4.tgz#ab4634bb4f14d36728bf5978322b35587787970f"
@@ -1268,6 +1562,15 @@
     js-levenshtein "^1.1.3"
     semver "^5.5.0"
 
+"@babel/preset-flow@^7.13.13":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.16.7.tgz#7fd831323ab25eeba6e4b77a589f680e30581cbd"
+  integrity sha512-6ceP7IyZdUYQ3wUVqyRSQXztd1YmFHWI4Xv11MIqAlE4WqxBSd/FZ61V9k+TS5Gd4mkHOtQtPp9ymRpxH4y1Ug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/helper-validator-option" "^7.16.7"
+    "@babel/plugin-transform-flow-strip-types" "^7.16.7"
+
 "@babel/preset-react@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.0.0.tgz#e86b4b3d99433c7b3e9e91747e2653958bc6b3c0"
@@ -1279,6 +1582,26 @@
     "@babel/plugin-transform-react-jsx-self" "^7.0.0"
     "@babel/plugin-transform-react-jsx-source" "^7.0.0"
 
+"@babel/preset-typescript@^7.13.0":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.16.7.tgz#ab114d68bb2020afc069cd51b37ff98a046a70b9"
+  integrity sha512-WbVEmgXdIyvzB77AQjGBEyYPZx+8tTsO50XtfozQrkW8QB2rLJpH2lgx0TRw5EJrBxOZQ+wCcyPVQvS8tjEHpQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.16.7"
+    "@babel/helper-validator-option" "^7.16.7"
+    "@babel/plugin-transform-typescript" "^7.16.7"
+
+"@babel/register@^7.13.16":
+  version "7.17.7"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.17.7.tgz#5eef3e0f4afc07e25e847720e7b987ae33f08d0b"
+  integrity sha512-fg56SwvXRifootQEDQAu1mKdjh5uthPzdO0N6t358FktfL4XjAVXuH58ULoiW8mesxiOgNIrxiImqEwv0+hRRA==
+  dependencies:
+    clone-deep "^4.0.1"
+    find-cache-dir "^2.0.0"
+    make-dir "^2.1.0"
+    pirates "^4.0.5"
+    source-map-support "^0.5.16"
+
 "@babel/runtime@7.0.0-rc.1":
   version "7.0.0-rc.1"
   resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.0.0-rc.1.tgz#42f36fc5817911c89ea75da2b874054922967616"
@@ -1325,6 +1648,13 @@
   dependencies:
     regenerator-runtime "^0.13.2"
 
+"@babel/runtime@^7.7.7":
+  version "7.17.8"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.8.tgz#3e56e4aff81befa55ac3ac6a0967349fd1c5bca2"
+  integrity sha512-dQpEpK0O9o6lj6oPu0gRDbbnk+4LeHlNcBpspf6Olzt3GIX4P1lWF1gS+pHLDFlaJvbR6q7jCfQ08zA4QJBnmA==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/template@^7.1.0", "@babel/template@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.4.4.tgz#f4b88d1225689a08f5bc3a17483545be9e4ed237"
@@ -1333,6 +1663,15 @@
     "@babel/parser" "^7.4.4"
     "@babel/types" "^7.4.4"
 
+"@babel/template@^7.16.7":
+  version "7.16.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.7.tgz#8d126c8701fde4d66b264b3eba3d96f07666d155"
+  integrity sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    "@babel/parser" "^7.16.7"
+    "@babel/types" "^7.16.7"
+
 "@babel/template@^7.4.0", "@babel/template@^7.7.4":
   version "7.7.4"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.7.4.tgz#428a7d9eecffe27deac0a98e23bf8e3675d2a77b"
@@ -1356,6 +1695,22 @@
     globals "^11.1.0"
     lodash "^4.17.11"
 
+"@babel/traverse@^7.16.7", "@babel/traverse@^7.17.3":
+  version "7.17.3"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.17.3.tgz#0ae0f15b27d9a92ba1f2263358ea7c4e7db47b57"
+  integrity sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw==
+  dependencies:
+    "@babel/code-frame" "^7.16.7"
+    "@babel/generator" "^7.17.3"
+    "@babel/helper-environment-visitor" "^7.16.7"
+    "@babel/helper-function-name" "^7.16.7"
+    "@babel/helper-hoist-variables" "^7.16.7"
+    "@babel/helper-split-export-declaration" "^7.16.7"
+    "@babel/parser" "^7.17.3"
+    "@babel/types" "^7.17.0"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/traverse@^7.4.3", "@babel/traverse@^7.7.4":
   version "7.7.4"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.7.4.tgz#9c1e7c60fb679fe4fcfaa42500833333c2058558"
@@ -1403,6 +1758,14 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.16.0", "@babel/types@^7.16.7", "@babel/types@^7.17.0":
+  version "7.17.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.17.0.tgz#a826e368bccb6b3d84acd76acad5c0d87342390b"
+  integrity sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.16.7"
+    to-fast-properties "^2.0.0"
+
 "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.4.4.tgz#8db9e9a629bb7c29370009b4b779ed93fe57d5f0"
@@ -2158,6 +2521,24 @@
     "@types/istanbul-reports" "^1.1.1"
     "@types/yargs" "^13.0.0"
 
+"@jridgewell/resolve-uri@^3.0.3":
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.5.tgz#68eb521368db76d040a6315cdb24bf2483037b9c"
+  integrity sha512-VPeQ7+wH0itvQxnG+lIzWgkysKIr3L9sslimFW55rHMdGu/qCQ5z5h9zq4gI8uBtqkpHhsF4Z/OwExufUCThew==
+
+"@jridgewell/sourcemap-codec@^1.4.10":
+  version "1.4.11"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.11.tgz#771a1d8d744eeb71b6adb35808e1a6c7b9b8c8ec"
+  integrity sha512-Fg32GrJo61m+VqYSdRSjRXMjQ06j8YIYfcTqndLYVAaHmroZHLJZCydsWBOTDqXS2v+mjxohBWEMfg97GXmYQg==
+
+"@jridgewell/trace-mapping@^0.3.0":
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.4.tgz#f6a0832dffd5b8a6aaa633b7d9f8e8e94c83a0c3"
+  integrity sha512-vFv9ttIedivx0ux3QSjhgtCVjPZd5l46ZOMDSCwnH1yUO2e964gO8LZGyv2QkqcgR6TnBU1v+1IFqmeoG+0UJQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
 "@ledgerhq/hw-app-eth@^4.3.0":
   version "4.7.3"
   resolved "https://registry.yarnpkg.com/@ledgerhq/hw-app-eth/-/hw-app-eth-4.7.3.tgz#d352e19658ae296532e522c53c8ec2a1a77b64e5"
@@ -2190,6 +2571,15 @@
   dependencies:
     events "^2.0.0"
 
+"@loadable/component@^5.15.2":
+  version "5.15.2"
+  resolved "https://registry.yarnpkg.com/@loadable/component/-/component-5.15.2.tgz#b6c418d592e0a64f16b1d614ca9d3b1443d3b498"
+  integrity sha512-ryFAZOX5P2vFkUdzaAtTG88IGnr9qxSdvLRvJySXcUA4B4xVWurUNADu3AnKPksxOZajljqTrDEDcYjeL4lvLw==
+  dependencies:
+    "@babel/runtime" "^7.7.7"
+    hoist-non-react-statics "^3.3.1"
+    react-is "^16.12.0"
+
 "@mdx-js/loader@^1.3.1":
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-1.3.1.tgz#04f300f5e2b4a44d610d9464d2f5c37f60d0103d"
@@ -2238,6 +2628,11 @@
   resolved "https://registry.yarnpkg.com/@metamask/safe-event-emitter/-/safe-event-emitter-2.0.0.tgz#af577b477c683fad17c619a78208cede06f9605c"
   integrity sha512-/kSXhY692qiV1MXu6EeOZvg5nECLclxNXcKCxJ3cXQgYuRymRHpdx/t7JXfsK+JLjwA1e1c1/SBrlQYpusC29Q==
 
+"@polka/url@^1.0.0-next.20":
+  version "1.0.0-next.21"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
+  integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
+
 "@reach/auto-id@^0.2.0":
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/@reach/auto-id/-/auto-id-0.2.0.tgz#97f9e48fe736aa5c6f4f32cf73c1f19d005f8550"
@@ -2750,6 +3145,11 @@
     "@types/react" "*"
     hoist-non-react-statics "^3.3.0"
 
+"@types/html-minifier-terser@^5.0.0":
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz#693b316ad323ea97eed6b38ed1a3cc02b1672b57"
+  integrity sha512-h4lTMgMJctJybDp8CQrxTUiiYmedihHWkjnF/8Pxseu2S6Nlfcy8kwboQ8yejh456rP2yWoEVm1sS/FVsfM48w==
+
 "@types/is-mobile@0.3.0":
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/@types/is-mobile/-/is-mobile-0.3.0.tgz#821825eeddb9016c41dd11c0dd6d2db8621432fc"
@@ -2791,6 +3191,25 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.3.tgz#bdfd69d61e464dcc81b25159c270d75a73c1a636"
   integrity sha512-Il2DtDVRGDcqjDtE+rF8iqg1CArehSK84HZJCT7AMITlyXRBpuPhqGLDQMowraqqu1coEaimg4ZOqggt6L6L+A==
 
+"@types/loadable__component@^5.13.4":
+  version "5.13.4"
+  resolved "https://registry.yarnpkg.com/@types/loadable__component/-/loadable__component-5.13.4.tgz#a4646b2406b1283efac1a9d9485824a905b33d4a"
+  integrity sha512-YhoCCxyuvP2XeZNbHbi8Wb9EMaUJuA2VGHxJffcQYrJKIKSkymJrhbzsf9y4zpTmr5pExAAEh5hbF628PAZ8Dg==
+  dependencies:
+    "@types/react" "*"
+
+"@types/lodash-es@^4.17.6":
+  version "4.17.6"
+  resolved "https://registry.yarnpkg.com/@types/lodash-es/-/lodash-es-4.17.6.tgz#c2ed4c8320ffa6f11b43eb89e9eaeec65966a0a0"
+  integrity sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*":
+  version "4.14.180"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.180.tgz#4ab7c9ddfc92ec4a887886483bc14c79fb380670"
+  integrity sha512-XOKXa1KIxtNXgASAnwj7cnttJxS4fksBRywK/9LzRV5YxrF80BXZIGeQSuoESQ/VkUj30Ae0+YcuHc15wJCB2g==
+
 "@types/lodash@4.14.104":
   version "4.14.104"
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.104.tgz#53ee2357fa2e6e68379341d92eb2ecea4b11bb80"
@@ -2974,6 +3393,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/source-list-map@*":
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
+  integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
+
 "@types/stack-utils@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
@@ -2988,6 +3412,18 @@
     "@types/react" "*"
     csstype "^3.0.2"
 
+"@types/tapable@^1", "@types/tapable@^1.0.5":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.8.tgz#b94a4391c85666c7b73299fd3ad79d4faa435310"
+  integrity sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==
+
+"@types/uglify-js@*":
+  version "3.13.1"
+  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.13.1.tgz#5e889e9e81e94245c75b6450600e1c5ea2878aea"
+  integrity sha512-O3MmRAk6ZuAKa9CHgg0Pr0+lUOqoMLpc9AS4R8ano2auvsg7IE8syF3Xh/NPr26TWklxYcqoEEFdzLLs1fV9PQ==
+  dependencies:
+    source-map "^0.6.1"
+
 "@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2", "@types/unist@^2.0.3":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e"
@@ -3022,6 +3458,27 @@
   dependencies:
     "@types/ethereum-protocol" "*"
 
+"@types/webpack-sources@*":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.0.tgz#16d759ba096c289034b26553d2df1bf45248d38b"
+  integrity sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg==
+  dependencies:
+    "@types/node" "*"
+    "@types/source-list-map" "*"
+    source-map "^0.7.3"
+
+"@types/webpack@^4.41.8":
+  version "4.41.32"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.32.tgz#a7bab03b72904070162b2f169415492209e94212"
+  integrity sha512-cb+0ioil/7oz5//7tZUSwbrSAN/NWHrQylz5cW8G0dWTcF/g+/dSdMlKVZspBYuMAN1+WnwHrkxiRrLcwd0Heg==
+  dependencies:
+    "@types/node" "*"
+    "@types/tapable" "^1"
+    "@types/uglify-js" "*"
+    "@types/webpack-sources" "*"
+    anymatch "^3.0.0"
+    source-map "^0.6.0"
+
 "@types/yargs-parser@*":
   version "13.1.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-13.1.0.tgz#c563aa192f39350a1d18da36c5a8da382bbd8228"
@@ -3551,6 +4008,11 @@ acorn-walk@^6.0.1:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
   integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
 
+acorn-walk@^8.0.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
+
 acorn@^5.5.3:
   version "5.7.4"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.4.tgz#3e8d8a9947d0599a1796d10225d7432f4a4acf5e"
@@ -3566,6 +4028,11 @@ acorn@^7.1.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.0.tgz#949d36f2c292535da602283586c2477c57eb2d6c"
   integrity sha512-kL5CuoXA/dgxlBbVrflsflzQ3PAas7RYZB52NOm/6839iVYJgKMJ3cQJD+t2i5+qFa8h3MDpEOJiS64E8JLnSQ==
 
+acorn@^8.0.4:
+  version "8.7.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.0.tgz#90951fde0f8f09df93549481e5fc141445b791cf"
+  integrity sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==
+
 add-dom-event-listener@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/add-dom-event-listener/-/add-dom-event-listener-1.1.0.tgz#6a92db3a0dd0abc254e095c0f1dc14acbbaae310"
@@ -3736,6 +4203,13 @@ ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
+ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
 any-promise@1.3.0, any-promise@^1.0.0, any-promise@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
@@ -3747,6 +4221,14 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
+anymatch@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
+  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
 aproba@^1.0.3, aproba@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
@@ -3857,6 +4339,13 @@ assign-symbols@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
 
+ast-types@0.14.2:
+  version "0.14.2"
+  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.14.2.tgz#600b882df8583e3cd4f2df5fa20fa83759d4bdfd"
+  integrity sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==
+  dependencies:
+    tslib "^2.0.1"
+
 astral-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
@@ -4029,6 +4518,11 @@ babel-core@^6.0.14, babel-core@^6.26.0:
     slash "^1.0.0"
     source-map "^0.5.6"
 
+babel-core@^7.0.0-bridge.0:
+  version "7.0.0-bridge.0"
+  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
+  integrity sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==
+
 babel-generator@^6.26.0:
   version "6.26.1"
   resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.26.1.tgz#1844408d3b8f0d35a404ea7ac180f087a601bd90"
@@ -4201,6 +4695,13 @@ babel-plugin-dynamic-import-node@^2.3.0:
   dependencies:
     object.assign "^4.1.0"
 
+babel-plugin-dynamic-import-node@^2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
+  integrity sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==
+  dependencies:
+    object.assign "^4.1.0"
+
 babel-plugin-extract-import-names@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-extract-import-names/-/babel-plugin-extract-import-names-1.3.1.tgz#a674d43fe03a09581e954e0a258b5b616b8237c8"
@@ -4924,7 +5425,7 @@ bonjour@^3.5.0:
     multicast-dns "^6.0.1"
     multicast-dns-service-types "^1.1.0"
 
-boolbase@~1.0.0:
+boolbase@^1.0.0, boolbase@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
 
@@ -5078,6 +5579,17 @@ browserslist@^2.1.2:
     caniuse-lite "^1.0.30000792"
     electron-to-chromium "^1.3.30"
 
+browserslist@^4.17.5:
+  version "4.20.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.2.tgz#567b41508757ecd904dab4d1c646c612cd3d4f88"
+  integrity sha512-CQOBCqp/9pDvDbx3xfMi+86pr4KXIf2FDkTTdeuYw8OxS9t898LA1Khq57gtufFILXpfgsSx5woNgsBgvGjpsA==
+  dependencies:
+    caniuse-lite "^1.0.30001317"
+    electron-to-chromium "^1.4.84"
+    escalade "^3.1.1"
+    node-releases "^2.0.2"
+    picocolors "^1.0.0"
+
 browserslist@^4.6.0, browserslist@^4.6.2:
   version "4.6.3"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.6.3.tgz#0530cbc6ab0c1f3fc8c819c72377ba55cf647f05"
@@ -5362,6 +5874,14 @@ camel-case@^3.0.0:
     no-case "^2.2.0"
     upper-case "^1.1.1"
 
+camel-case@^4.1.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
 camelcase-css@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
@@ -5416,6 +5936,11 @@ caniuse-lite@^1.0.30000975:
   version "1.0.30000978"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000978.tgz#1e3346c27fc46bce9ac1ccd77863153a263dde56"
 
+caniuse-lite@^1.0.30001317:
+  version "1.0.30001319"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001319.tgz#eb4da4eb3ecdd409f7ba1907820061d56096e88f"
+  integrity sha512-xjlIAFHucBRSMUo1kb5D4LYgcN1M45qdKP++lhqowDpwJwGkpIRTt5qQqnhxjj1vHcI7nrJxWhCC1ATrCEBTcw==
+
 capture-exit@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
@@ -5482,6 +6007,14 @@ chalk@^2.4.1:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
+chalk@^4.1.0, chalk@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
 change-case@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/change-case/-/change-case-3.0.2.tgz#fd48746cce02f03f0a672577d1d3a8dc2eceb037"
@@ -5651,6 +6184,13 @@ classnames@^2.2.5:
   version "2.2.5"
   resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.5.tgz#fb3801d453467649ef3603c7d61a02bd129bde6d"
 
+clean-css@^4.2.3:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.4.tgz#733bf46eba4e607c6891ea57c24a989356831178"
+  integrity sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==
+  dependencies:
+    source-map "~0.6.0"
+
 cli-cursor@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
@@ -5780,12 +6320,19 @@ color-convert@^1.9.0, color-convert@^1.9.1:
   dependencies:
     color-name "1.1.3"
 
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
 color-name@1.1.3, color-name@^1.0.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
-color-name@^1.1.1:
+color-name@^1.1.1, color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
@@ -5864,6 +6411,16 @@ commander@^2.20.0:
   version "2.20.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.0.tgz#d58bb2b5c1ee8f87b0d340027e9e94e222c5a422"
 
+commander@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 commander@~2.8.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.8.1.tgz#06be367febfda0c330aa1e2a072d3dc9762425d4"
@@ -6269,6 +6826,17 @@ css-mediaquery@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/css-mediaquery/-/css-mediaquery-0.1.2.tgz#6a2c37344928618631c54bd33cedd301da18bea0"
 
+css-select@^4.1.3:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.2.1.tgz#9e665d6ae4c7f9d65dbe69d0316e3221fb274cdd"
+  integrity sha512-/aUslKhzkTNCQUB2qTX84lVmfia9NyjP3WpDGtj/WxhwBzWBYUV3DgUpurHTme8UTPcPlAD1DJ+b0nN/t50zDQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^5.1.0"
+    domhandler "^4.3.0"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
 css-selector-parser@^1.1.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/css-selector-parser/-/css-selector-parser-1.3.0.tgz#5f1ad43e2d8eefbfdc304fcd39a521664943e3eb"
@@ -6306,6 +6874,11 @@ css-tree@^1.0.0-alpha.28:
     mdn-data "2.0.4"
     source-map "^0.6.1"
 
+css-what@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-5.1.0.tgz#3f7b707aadf633baf62c2ceb8579b545bb40f7fe"
+  integrity sha512-arSMRWIIFY0hV8pIxZMEfmMI47Wj3R/aWpZDDxWYCPEiOMv6tfOrnpDtgxBYPEQD4V0Y/958+1TdC3iWTFcUPw==
+
 cssesc@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-0.1.0.tgz#c814903e45623371a0477b40109aaafbeeaddbb4"
@@ -7008,6 +7581,13 @@ dom-align@^1.7.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/dom-align/-/dom-align-1.8.0.tgz#c0e89b5b674c6e836cd248c52c2992135f093654"
 
+dom-converter@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
+  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
+  dependencies:
+    utila "~0.4"
+
 dom-helpers@^3.2.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-3.3.1.tgz#fc1a4e15ffdf60ddde03a480a9c0fece821dd4a6"
@@ -7026,6 +7606,15 @@ dom-serializer@0:
     domelementtype "~1.1.1"
     entities "~1.1.1"
 
+dom-serializer@^1.0.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.3.2.tgz#6206437d32ceefaec7161803230c7a20bc1b4d91"
+  integrity sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
 dom-walk@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.1.tgz#672226dc74c8f799ad35307df936aba11acd6018"
@@ -7038,6 +7627,11 @@ domelementtype@1, domelementtype@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.0.tgz#b17aed82e8ab59e52dd9c19b1756e0fc187204c2"
 
+domelementtype@^2.0.1, domelementtype@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.2.0.tgz#9a0b6c2782ed6a1c7323d42267183df9bd8b1d57"
+  integrity sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==
+
 domelementtype@~1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.1.3.tgz#bd28773e2642881aec51544924299c5cd822185b"
@@ -7061,6 +7655,13 @@ domhandler@^2.4.2:
   dependencies:
     domelementtype "1"
 
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.0:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
 domutils@^1.5.1:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
@@ -7068,12 +7669,29 @@ domutils@^1.5.1:
     dom-serializer "0"
     domelementtype "1"
 
+domutils@^2.5.2, domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
 dot-case@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-2.1.1.tgz#34dcf37f50a8e93c2b3bca8bb7fb9155c7da3bee"
   dependencies:
     no-case "^2.2.0"
 
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
 dotenv-defaults@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/dotenv-defaults/-/dotenv-defaults-2.0.2.tgz#6b3ec2e4319aafb70940abda72d3856770ee77ac"
@@ -7111,6 +7729,11 @@ duplexer3@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
 
+duplexer@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
+  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
+
 duplexify@^3.4.2, duplexify@^3.5.3:
   version "3.5.4"
   resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.5.4.tgz#4bb46c1796eabebeec4ca9a2e66b808cb7a3d8b4"
@@ -7145,6 +7768,11 @@ electron-to-chromium@^1.3.164:
   version "1.3.176"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.176.tgz#df54c54386e0f205dc6d1f5582d9e8b0cd30532b"
 
+electron-to-chromium@^1.4.84:
+  version "1.4.90"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.90.tgz#4a518590f118828d54fff045728f547fef08143f"
+  integrity sha512-ZwKgSA0mQMyEhz+NR0F8dRzkrCLeHLzLkjx/CWf16+zV85hQ6meXPQbKanvhnpkYb7b2uJNj+enQJ/N877ND4Q==
+
 elliptic@6.5.2, elliptic@^6.4.1:
   version "6.5.2"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.2.tgz#05c5678d7173c049d8ca433552224a495d0e3762"
@@ -7269,6 +7897,11 @@ entities@^1.1.1, entities@~1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.1.tgz#6e5c2d0a5621b5dadaecef80b90edfb5cd7772f0"
 
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
 envify@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/envify/-/envify-4.1.0.tgz#f39ad3db9d6801b4e6b478b61028d3f0b6819f7e"
@@ -7409,6 +8042,11 @@ es6-symbol@^3.1.1, es6-symbol@~3.1.1:
     d "1"
     es5-ext "~0.10.14"
 
+escalade@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+
 escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
@@ -7528,6 +8166,11 @@ esprima@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.0.tgz#4499eddcd1110e0b218bacf2fa7f7f59f55ca804"
 
+esprima@~4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
+  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
+
 esquery@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.0.1.tgz#406c51658b1f5991a5f9b62b1dc25b00e3e5c708"
@@ -7993,24 +8636,13 @@ ethereumjs-blockstream@^7.0.0:
     source-map-support "0.5.6"
     uuid "3.2.1"
 
-ethereumjs-common@1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/ethereumjs-common/-/ethereumjs-common-1.5.0.tgz#d3e82fc7c47c0cef95047f431a99485abc9bb1cd"
-  integrity sha512-SZOjgK1356hIY7MRj3/ma5qtfr/4B5BL+G4rP/XSMYr2z1H5el4RX5GReYCKmQmYI/nSBmRnwrZ17IfHuG0viQ==
-
-ethereumjs-common@^0.6.0:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/ethereumjs-common/-/ethereumjs-common-0.6.1.tgz#ec98edf315a7f107afb6acc48e937a8266979fae"
-
-ethereumjs-common@^1.1.0, ethereumjs-common@^1.3.1, ethereumjs-common@^1.3.2:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/ethereumjs-common/-/ethereumjs-common-1.4.0.tgz#a940685f88f3c2587e4061630fe720b089c965b8"
-  integrity sha512-ser2SAplX/YI5W2AnzU8wmSjKRy4KQd4uxInJ36BzjS3m18E/B9QedPUIresZN1CSEQb/RgNQ2gN7C/XbpTafA==
-
-ethereumjs-common@^1.5.0:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/ethereumjs-common/-/ethereumjs-common-1.5.2.tgz#2065dbe9214e850f2e955a80e650cb6999066979"
-  integrity sha512-hTfZjwGX52GS2jcVO6E2sx4YuFnf0Fhp5ylo4pEPhEffNln7vS59Hr5sLnp3/QCazFLluuBZ+FZ6J5HTp0EqCA==
+ethereumjs-common@1.5.0, ethereumjs-common@^0.6.0, ethereumjs-common@^1.1.0, ethereumjs-common@^1.3.1, ethereumjs-common@^1.3.2, ethereumjs-common@^1.5.0, "ethereumjs-common@npm:@ethereumjs/common@^2.5.0":
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/@ethereumjs/common/-/common-2.6.2.tgz#eb006c9329c75c80f634f340dc1719a5258244df"
+  integrity sha512-vDwye5v0SVeuDky4MtKsu+ogkH2oFUV8pBKzH/eNBzT8oI91pKa8WyzDuYuxOQsgNgv5R34LfFDh2aaw3H4HbQ==
+  dependencies:
+    crc-32 "^1.2.0"
+    ethereumjs-util "^7.1.4"
 
 ethereumjs-tx@1.3.7:
   version "1.3.7"
@@ -8129,6 +8761,17 @@ ethereumjs-util@^7.0.10, ethereumjs-util@^7.1.0, ethereumjs-util@^7.1.1, ethereu
     ethjs-util "0.1.6"
     rlp "^2.2.4"
 
+ethereumjs-util@^7.1.4:
+  version "7.1.4"
+  resolved "https://registry.yarnpkg.com/ethereumjs-util/-/ethereumjs-util-7.1.4.tgz#a6885bcdd92045b06f596c7626c3e89ab3312458"
+  integrity sha512-p6KmuPCX4mZIqsQzXfmSx9Y0l2hqf+VkAiwSisW3UKUFdk8ZkAt+AYaor83z2nSi6CU2zSsXMlD80hAbNEGM0A==
+  dependencies:
+    "@types/bn.js" "^5.1.0"
+    bn.js "^5.1.2"
+    create-hash "^1.1.2"
+    ethereum-cryptography "^0.1.3"
+    rlp "^2.2.4"
+
 ethereumjs-util@~6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/ethereumjs-util/-/ethereumjs-util-6.1.0.tgz#e9c51e5549e8ebd757a339cc00f5380507e799c8"
@@ -8878,6 +9521,11 @@ flickity@^2.2.2:
     unidragger "^2.3.0"
     unipointer "^2.3.0"
 
+flow-parser@0.*:
+  version "0.174.1"
+  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.174.1.tgz#bb81e17fe45a1e64d9752090e819a6744a539fa0"
+  integrity sha512-nDMOvlFR+4doLpB3OJpseHZ7uEr3ENptlF6qMas/kzQmNcLzMwfQeFX0gGJ/+em7UdldB/nGsk55tDTOvjbCuw==
+
 flow-stoplight@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/flow-stoplight/-/flow-stoplight-1.0.0.tgz#4a292c5bcff8b39fa6cc0cb1a853d86f27eeff7b"
@@ -9170,6 +9818,11 @@ gaze@^1.0.0:
   dependencies:
     globule "^1.0.0"
 
+gensync@^1.0.0-beta.2:
+  version "1.0.0-beta.2"
+  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
+  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
+
 get-caller-file@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.2.tgz#f702e63127e7e231c160a80c1554acb70d5047e5"
@@ -9442,6 +10095,11 @@ graceful-fs@^4.1.10, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423"
   integrity sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==
 
+graceful-fs@^4.2.4:
+  version "4.2.9"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.9.tgz#041b05df45755e587a24942279b9d113146e1c96"
+  integrity sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==
+
 "graceful-readlink@>= 1.0.0":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
@@ -9469,6 +10127,13 @@ gud@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz#a489581b17e6a70beca9abe3ae57de7a499852c0"
 
+gzip-size@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
+  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
+  dependencies:
+    duplexer "^0.1.2"
+
 handle-thing@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.0.tgz#0e039695ff50c93fc288557d696f3c1dc6776754"
@@ -9536,6 +10201,11 @@ has-flag@^3.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
   integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
 
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
 has-symbol-support-x@^1.4.1:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz#1409f98bc00247da45da67cee0a36f282ff26455"
@@ -9726,6 +10396,11 @@ hdkey@^1.1.0:
     safe-buffer "^5.1.1"
     secp256k1 "^3.0.1"
 
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
 header-case@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/header-case/-/header-case-1.0.1.tgz#9535973197c144b09613cd65d317ef19963bd02d"
@@ -9795,6 +10470,13 @@ hoist-non-react-statics@^3.1.0:
   dependencies:
     react-is "^16.7.0"
 
+hoist-non-react-statics@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 home-or-tmp@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
@@ -9836,6 +10518,19 @@ html-entities@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.2.1.tgz#0df29351f0721163515dfb9e5543e5f6eed5162f"
 
+html-minifier-terser@^5.0.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#922e96f1f3bb60832c2634b79884096389b1f054"
+  integrity sha512-ZPr5MNObqnV/T9akshPKbVgyOqLmy+Bxo7juKCfTfnjNniTAMdy4hz21YQqoofMBJD2kdREaqPPdThoR78Tgxg==
+  dependencies:
+    camel-case "^4.1.1"
+    clean-css "^4.2.3"
+    commander "^4.1.1"
+    he "^1.2.0"
+    param-case "^3.0.3"
+    relateurl "^0.2.7"
+    terser "^4.6.3"
+
 html-to-react@^1.3.4:
   version "1.3.4"
   resolved "https://registry.npmjs.org/html-to-react/-/html-to-react-1.3.4.tgz#647b3a54fdec73a6461864b129fb0d1eec7d4589"
@@ -9851,6 +10546,21 @@ html-void-elements@^1.0.1:
   resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-1.0.4.tgz#95e8bb5ecd6b88766569c2645f2b5f1591db9ba5"
   integrity sha512-yMk3naGPLrfvUV9TdDbuYXngh/TpHbA6TrOw3HL9kS8yhwx7i309BReNg7CbAJXGE+UMJ6je5OqJ7lC63o6YuQ==
 
+html-webpack-plugin@4:
+  version "4.5.2"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-4.5.2.tgz#76fc83fa1a0f12dd5f7da0404a54e2699666bc12"
+  integrity sha512-q5oYdzjKUIPQVjOosjgvCHQOv9Ett9CYYHlgvJeXG0qQvdSojnBq4vAdQBwn1+yGveAwHCoe/rMR86ozX3+c2A==
+  dependencies:
+    "@types/html-minifier-terser" "^5.0.0"
+    "@types/tapable" "^1.0.5"
+    "@types/webpack" "^4.41.8"
+    html-minifier-terser "^5.0.1"
+    loader-utils "^1.2.3"
+    lodash "^4.17.20"
+    pretty-error "^2.1.1"
+    tapable "^1.1.3"
+    util.promisify "1.0.0"
+
 htmlparser2@^3.10.0:
   version "3.10.0"
   resolved "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.0.tgz#5f5e422dcf6119c0d983ed36260ce9ded0bee464"
@@ -9862,6 +10572,16 @@ htmlparser2@^3.10.0:
     inherits "^2.0.1"
     readable-stream "^3.0.6"
 
+htmlparser2@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
+  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    domutils "^2.5.2"
+    entities "^2.0.0"
+
 http-cache-semantics@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
@@ -11213,6 +11933,31 @@ jsbn@~0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
 
+jscodeshift@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/jscodeshift/-/jscodeshift-0.13.1.tgz#69bfe51e54c831296380585c6d9e733512aecdef"
+  integrity sha512-lGyiEbGOvmMRKgWk4vf+lUrCWO/8YR8sUR3FKF1Cq5fovjZDlIcw3Hu5ppLHAnEXshVffvaM0eyuY/AbOeYpnQ==
+  dependencies:
+    "@babel/core" "^7.13.16"
+    "@babel/parser" "^7.13.16"
+    "@babel/plugin-proposal-class-properties" "^7.13.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.13.8"
+    "@babel/plugin-proposal-optional-chaining" "^7.13.12"
+    "@babel/plugin-transform-modules-commonjs" "^7.13.8"
+    "@babel/preset-flow" "^7.13.13"
+    "@babel/preset-typescript" "^7.13.0"
+    "@babel/register" "^7.13.16"
+    babel-core "^7.0.0-bridge.0"
+    chalk "^4.1.2"
+    flow-parser "0.*"
+    graceful-fs "^4.2.4"
+    micromatch "^3.1.10"
+    neo-async "^2.5.0"
+    node-dir "^0.1.17"
+    recast "^0.20.4"
+    temp "^0.8.4"
+    write-file-atomic "^2.3.0"
+
 jsdom@^11.5.1:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-11.12.0.tgz#1a80d40ddd378a1de59656e9e6dc5a3ba8657bc8"
@@ -11361,6 +12106,11 @@ json5@^2.1.0:
   dependencies:
     minimist "^1.2.0"
 
+json5@^2.1.2:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
+  integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
+
 jsonfile@^2.1.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
@@ -11811,6 +12561,11 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
+lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
 lodash._createcompounder@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lodash._createcompounder/-/lodash._createcompounder-3.0.0.tgz#5dd2cb55372d6e70e0e2392fb2304d6631091075"
@@ -11969,6 +12724,11 @@ lodash@^4.0.0, lodash@^4.14.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
 
+lodash@^4.17.20, lodash@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
 log-symbols@^2.1.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-2.2.0.tgz#5740e1c5d6f0dfda4ad9323b5332107ef6b4c40a"
@@ -12038,6 +12798,13 @@ lower-case@^1.1.0, lower-case@^1.1.1, lower-case@^1.1.2:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
 
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
 lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
@@ -12521,6 +13288,13 @@ minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
   integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
 
+minimatch@^3.0.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
 minimatch@^3.0.4, minimatch@~3.0.2:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
@@ -12659,6 +13433,11 @@ move-concurrently@^1.0.1:
     rimraf "^2.5.4"
     run-queue "^1.0.3"
 
+mrmime@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-1.0.0.tgz#14d387f0585a5233d291baba339b063752a2398b"
+  integrity sha512-a70zx7zFfVO7XpnQ2IX1Myh9yY4UYvfld/dikWRnsXxbyvMcfz+u6UfgNAtH+k2QqtJuzVpv6eLTx1G2+WKZbQ==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -12854,6 +13633,14 @@ no-case@^2.2.0, no-case@^2.3.2:
   dependencies:
     lower-case "^1.1.1"
 
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
 node-abi@^2.21.0:
   version "2.26.0"
   resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.26.0.tgz#355d5d4bc603e856f74197adbf3f5117a396ba40"
@@ -12871,6 +13658,13 @@ node-addon-api@^3.0.2:
   resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-3.2.0.tgz#7028b56a7eb572b73873aed731a7f9c9365f5ee4"
   integrity sha512-kcwSAWhPi4+QzAtsL2+2s/awvDo2GKLsvMCwNRxb5BUshteXU8U97NCyvQDsGKs/m0He9WcG4YWew/BnuLx++w==
 
+node-dir@^0.1.17:
+  version "0.1.17"
+  resolved "https://registry.yarnpkg.com/node-dir/-/node-dir-0.1.17.tgz#5f5665d93351335caabef8f1c554516cf5f1e4e5"
+  integrity sha1-X1Zl2TNRM1yqvvjxxVRRbPXx5OU=
+  dependencies:
+    minimatch "^3.0.2"
+
 node-fetch@2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.1.1.tgz#369ca70b82f50c86496104a6c776d274f4e4a2d4"
@@ -12996,6 +13790,11 @@ node-releases@^1.1.23:
   dependencies:
     semver "^5.3.0"
 
+node-releases@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.2.tgz#7139fe71e2f4f11b47d4d2986aaf8c48699e0c01"
+  integrity sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg==
+
 node-sass@^4.12.0:
   version "4.12.0"
   resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.12.0.tgz#0914f531932380114a30cc5fa4fa63233a25f017"
@@ -13121,6 +13920,13 @@ nth-check@^1.0.1:
   dependencies:
     boolbase "~1.0.0"
 
+nth-check@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.1.tgz#2efe162f5c3da06a28959fbd3db75dbeea9f0fc2"
+  integrity sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w==
+  dependencies:
+    boolbase "^1.0.0"
+
 num2fraction@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
@@ -13290,6 +14096,11 @@ opencollective-postinstall@^2.0.2:
   resolved "https://registry.yarnpkg.com/opencollective-postinstall/-/opencollective-postinstall-2.0.2.tgz#5657f1bede69b6e33a45939b061eb53d3c6c3a89"
   integrity sha512-pVOEP16TrAO2/fjej1IdOyupJY8KDUM1CvsaScRbw6oddvpQoOfGk4ywha0HKKVAD6RkW4x6Q+tNBwhf3Bgpuw==
 
+opener@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
+  integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
+
 opn@^5.5.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/opn/-/opn-5.5.0.tgz#fc7164fab56d235904c51c3b27da6758ca3b9bfc"
@@ -13487,6 +14298,14 @@ param-case@^2.1.0:
   dependencies:
     no-case "^2.2.0"
 
+param-case@^3.0.3:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -13599,6 +14418,14 @@ pascal-case@^2.0.0:
     camel-case "^3.0.0"
     upper-case-first "^1.1.0"
 
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
 pascalcase@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
@@ -13737,6 +14564,16 @@ performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
 
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+picomatch@^2.0.4:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
 pify@^2.0.0, pify@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
@@ -13771,6 +14608,11 @@ pirates@^4.0.1:
   dependencies:
     node-modules-regexp "^1.0.0"
 
+pirates@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
+  integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
+
 pkg-dir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@@ -14127,6 +14969,14 @@ prettier@^2.2.1:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.2.1.tgz#795a1a78dd52f073da0cd42b21f9c91381923ff5"
   integrity sha512-PqyhM2yCjg/oKkFPtTGUojv7gnZAoG80ttl45O6x2Ug/rMJw4wcc9k6aaf2hibP7BGVCCM33gZoGjyvt9mm16Q==
 
+pretty-error@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.2.tgz#be89f82d81b1c86ec8fdfbc385045882727f93b6"
+  integrity sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw==
+  dependencies:
+    lodash "^4.17.20"
+    renderkid "^2.0.4"
+
 pretty-format@^24.9.0:
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
@@ -14709,6 +15559,11 @@ react-instantsearch-dom@^5.7.0:
     prop-types "^15.5.10"
     react-instantsearch-core "^5.7.0"
 
+react-is@^16.12.0:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
 react-is@^16.6.0:
   version "16.6.3"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.6.3.tgz#d2d7462fcfcbe6ec0da56ad69047e47e56e7eac0"
@@ -15103,6 +15958,16 @@ realpath-native@^1.1.0:
   dependencies:
     util.promisify "^1.0.0"
 
+recast@^0.20.4:
+  version "0.20.5"
+  resolved "https://registry.yarnpkg.com/recast/-/recast-0.20.5.tgz#8e2c6c96827a1b339c634dd232957d230553ceae"
+  integrity sha512-E5qICoPoNL4yU0H0NoBDntNB0Q5oMSNh9usFctYniLBluTthi3RsQVBXIJNbApOlvSwW/RGxIuokPcAc59J5fQ==
+  dependencies:
+    ast-types "0.14.2"
+    esprima "~4.0.0"
+    source-map "~0.6.1"
+    tslib "^2.0.1"
+
 rechoir@^0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
@@ -15280,6 +16145,11 @@ regjsparser@^0.6.0:
   dependencies:
     jsesc "~0.5.0"
 
+relateurl@^0.2.7:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+  integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
+
 remark-mdx@^1.0.21:
   version "1.0.21"
   resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-1.0.21.tgz#cf5a59ad68cce6c1f687953dcf504212fbd32555"
@@ -15421,6 +16291,17 @@ remove-trailing-separator@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
 
+renderkid@^2.0.4:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.7.tgz#464f276a6bdcee606f4a15993f9b29fc74ca8609"
+  integrity sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==
+  dependencies:
+    css-select "^4.1.3"
+    dom-converter "^0.2.0"
+    htmlparser2 "^6.1.0"
+    lodash "^4.17.21"
+    strip-ansi "^3.0.1"
+
 repeat-element@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.2.tgz#ef089a178d1483baae4d93eb98b4f9e4e11d990a"
@@ -15697,7 +16578,7 @@ rimraf@2, rimraf@^2.2.8, rimraf@^2.5.4, rimraf@^2.6.1, rimraf@^2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@2.6.3:
+rimraf@2.6.3, rimraf@~2.6.2:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
   integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
@@ -16359,6 +17240,15 @@ sinon@^4.0.0:
     supports-color "^5.1.0"
     type-detect "^4.0.5"
 
+sirv@^1.0.7:
+  version "1.0.19"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-1.0.19.tgz#1d73979b38c7fe91fcba49c85280daa9c2363b49"
+  integrity sha512-JuLThK3TnZG1TAKDwNIqNq6QA2afLOCcm+iE8D1Kj3GA40pSPsxQjjJl0J8X3tsR7T+CP1GavpzLwYkgVLWrZQ==
+  dependencies:
+    "@polka/url" "^1.0.0-next.20"
+    mrmime "^1.0.0"
+    totalist "^1.0.0"
+
 sisteransi@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.4.tgz#386713f1ef688c7c0304dc4c0632898941cad2e3"
@@ -16527,6 +17417,14 @@ source-map-support@^0.4.15:
   dependencies:
     source-map "^0.5.6"
 
+source-map-support@^0.5.16:
+  version "0.5.21"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
+  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
 source-map-support@^0.5.3:
   version "0.5.4"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.4.tgz#54456efa89caa9270af7cd624cc2f123e51fbae8"
@@ -16550,7 +17448,7 @@ source-map@0.5.6:
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
   integrity sha1-dc449SvwczxafwwRjYEzSiu19BI=
 
-source-map@>=0.5.0:
+source-map@>=0.5.0, source-map@^0.7.3:
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
@@ -16566,7 +17464,7 @@ source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
 
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
@@ -17043,6 +17941,13 @@ supports-color@^5.3.0, supports-color@^5.5.0:
   dependencies:
     has-flag "^3.0.0"
 
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
 svgo@^0.7.0, svgo@^0.7.2:
   version "0.7.2"
   resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5"
@@ -17216,6 +18121,13 @@ tar@^4.0.2:
     safe-buffer "^5.1.2"
     yallist "^3.0.3"
 
+temp@^0.8.4:
+  version "0.8.4"
+  resolved "https://registry.yarnpkg.com/temp/-/temp-0.8.4.tgz#8c97a33a4770072e0a05f919396c7665a7dd59f2"
+  integrity sha512-s0ZZzd0BzYv5tLSptZooSjK8oj6C+c19p7Vqta9+6NPOf7r+fxq0cJe6/oN4LTC79sy5NY8ucOJNgwsKCSbfqg==
+  dependencies:
+    rimraf "~2.6.2"
+
 terser-webpack-plugin@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.1.tgz#61b18e40eaee5be97e771cdbb10ed1280888c2b4"
@@ -17240,6 +18152,15 @@ terser@^4.1.2:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
+terser@^4.6.3:
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
+  integrity sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.6.1"
+    source-map-support "~0.5.12"
+
 test-exclude@^5.2.3:
   version "5.2.3"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-5.2.3.tgz#c3d3e1e311eb7ee405e092dac10aefd09091eac0"
@@ -17412,6 +18333,11 @@ toidentifier@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
 
+totalist@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df"
+  integrity sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==
+
 tough-cookie@^2.3.3, tough-cookie@^2.3.4:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
@@ -17551,6 +18477,11 @@ tslib@^2.0.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.0.3.tgz#8e0741ac45fc0c226e58a17bfc3e64b9bc6ca61c"
   integrity sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ==
 
+tslib@^2.0.1, tslib@^2.0.3, tslib@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01"
+  integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==
+
 tslint-config-0xproject@^0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/tslint-config-0xproject/-/tslint-config-0xproject-0.0.2.tgz#39901e0c0b3e9388f00092a28b90c015395d5bba"
@@ -18100,7 +19031,7 @@ util-deprecate@^1.0.1, util-deprecate@~1.0.1:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
-util.promisify@^1.0.0:
+util.promisify@1.0.0, util.promisify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
   integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==
@@ -18133,6 +19064,11 @@ util@^0.12.4:
     safe-buffer "^5.1.2"
     which-typed-array "^1.1.2"
 
+utila@~0.4:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
+  integrity sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=
+
 utils-merge@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
@@ -18909,6 +19845,21 @@ webidl-conversions@^4.0.2:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
+webpack-bundle-analyzer@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.5.0.tgz#1b0eea2947e73528754a6f9af3e91b2b6e0f79d5"
+  integrity sha512-GUMZlM3SKwS8Z+CKeIFx7CVoHn3dXFcUAjT/dcZQQmfSZGvitPfMob2ipjai7ovFFqPvTqkEZ/leL4O0YOdAYQ==
+  dependencies:
+    acorn "^8.0.4"
+    acorn-walk "^8.0.0"
+    chalk "^4.1.0"
+    commander "^7.2.0"
+    gzip-size "^6.0.0"
+    lodash "^4.17.20"
+    opener "^1.5.2"
+    sirv "^1.0.7"
+    ws "^7.3.1"
+
 webpack-cli@3.3.7:
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-3.3.7.tgz#77c8580dd8e92f69d635e0238eaf9d9c15759a91"
@@ -19196,6 +20147,15 @@ write-file-atomic@2.4.1:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.2"
 
+write-file-atomic@^2.3.0:
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
+  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
+  dependencies:
+    graceful-fs "^4.1.11"
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.2"
+
 write@1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
@@ -19241,6 +20201,11 @@ ws@^6.2.1:
   dependencies:
     async-limiter "~1.0.0"
 
+ws@^7.3.1:
+  version "7.5.7"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.7.tgz#9e0ac77ee50af70d58326ecff7e85eb3fa375e67"
+  integrity sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==
+
 x-is-function@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/x-is-function/-/x-is-function-1.0.4.tgz#5d294dc3d268cbdd062580e0c5df77a391d1fa1e"