{
    "componentChunkName": "component---src-templates-note-note-js",
    "path": "/notes/React",
    "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(\"p\", null, \"I remember reading somewhere that \\\"Display is a function of state\\\" is the core of react. That along with Virtual DOM are what separates React from others. \"), mdx(\"p\", null, \"Until react came on the scene I was not very much interested in the UI. It was the interfaces of platforms like Jira - \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://blog.developer.atlassian.com/react-is-an-exciting-future/\"\n  }, \"https://blog.developer.atlassian.com/react-is-an-exciting-future/\"), \" which re-triggered my curiosity in front-end. \"), mdx(\"h2\", null, \"TODO\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Create a proper learning paths\")), mdx(\"h2\", null, \"People I know who are good at react\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://twitter.com/amitavroy7\"\n  }, \"https://twitter.com/amitavroy7\")), mdx(\"li\", {\n    parentName: \"ol\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","inboundReferences":[{"id":"013f87a2-ccc5-5cd4-a4b4-a8d0ddf1997a","slug":"Most-important-project-I-am-working-on"},{"id":"3e6bef9f-3617-534d-a676-d7f90877999f","slug":"dailynotes/07-09-2021"},{"id":"70cb5e60-7185-5b3f-823f-8154e6601257","slug":"Learning-path-for-Frontend"},{"id":"f1cdd79f-1955-5d47-8896-f8270dd12f80","slug":"skills-talents-and-attitudes"},{"id":"f61b4aec-77ab-58c4-882b-a8b0a20d5312","slug":"Learning-Paths-Dev"},{"id":"f7b7264f-88d6-5913-a2cb-275ffad2cdda","slug":"Curious-people-list"}]}},"pageContext":{"slug":"React","node":{"childMdx":{"slug":"React"}}}},
    "staticQueryHashes": []}