{
    "componentChunkName": "component---src-templates-note-note-js",
    "path": "/notes/Infinite-Table",
    "result": {"data":{"mdx":{"body":"var _excluded = [\"components\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", null, \"Infinite Table\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Database tables are x cross y tables\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"We need better interfaces to interact and make sense of the data\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Let us take an example of merchants and products to explore this.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"By default limit the data to the most relevant data. \", mdx(\"ol\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Show only live merchants of the current city of the admin user.\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Show only enabled products that have been recently updated(Most of the times this will be inventory).\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Fine tune this data so that most of the times this data is very small, easy to render and should be visible within a screen\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Then the user can loosen the filters to increase more data that he needs to look at\")));\n}\n;\nMDXContent.isMDXComponent = true;","inboundReferences":[{"id":"dc921748-7183-510c-a8e7-2d3c41474089","slug":"Interactive-tools-to-be-created"}]}},"pageContext":{"slug":"Infinite-Table","node":{"childMdx":{"slug":"Infinite-Table"}}}},
    "staticQueryHashes": []}