{"componentChunkName":"component---node-modules-narative-gatsby-theme-novela-src-templates-article-template-tsx","path":"/React-Intro","result":{"data":{"allSite":{"edges":[{"node":{"id":"Site","siteMetadata":{"name":"Muhamed Gaber"}}}]}},"pageContext":{"article":{"id":"ff352673-44a8-55db-a5fd-d37be985b1e5","slug":"/React-Intro","secret":false,"title":"React Intro","author":"Muhamed Gaber","date":"March 2nd, 2020","dateForSEO":"2020-03-02T00:00:00.000Z","timeToRead":1,"excerpt":"A quick look into the react library","subscription":true,"body":"function _extends() { _extends = Object.assign || 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); }\n\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; }\n\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\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"React Intro\",\n  \"author\": \"Muhamed Gaber\",\n  \"date\": \"2020-03-02T00:00:00.000Z\",\n  \"hero\": \"./images/reactphoto.jpeg\",\n  \"excerpt\": \"A quick look into the react library\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"still work in progress\")), mdx(\"p\", null, \"Hello, world! This is my first blog post, it\\u2019s going to be about \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"React\"), \".\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://reactjs.org/\",\n    \"target\": \"_blank\",\n    \"rel\": \"noreferrer\"\n  }), \"React\"), \" is a JavaScript library for building user interfaces.\"), mdx(\"p\", null, \"Why would you bother knowing about \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"React\"), \", after all there is a tone of other libraries and frameworks that are doing the same job, right!.\\nnow quite right, \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"React\"), \" is the most popular option out there for building modern SPA in JavaScript, and the reason for that is not just it\\u2019s simplicity but also it\\u2019s power.\"), mdx(\"h3\", {\n    \"id\": \"react-approach-of-building-ui\"\n  }, \"React approach of building UI\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Declarative\"), \":\\nby only designing how the view should look like you are ready to go, \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"React\"), \" will take care of updating and rendering the right component when your data changes.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Component Based\"), \":\\nyour design of the view is encapsulated in reusable components that can manage their own state, then you can compose these components and build more compoex view.\")), mdx(\"p\", null, \"Functional component example\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-jsx\"\n  }), \"import React from 'react'\\nimport ReactDOM from 'react-dom'\\n\\nconst Greeting = () => {\\n  return (\\n    <h1>hi there</h1>\\n  )\\n}\\n\\nReactDom.render(<Greeting />, document.getElementById('root'))\\n\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","hero":{"full":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAHABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAciiQL//xAAWEAADAAAAAAAAAAAAAAAAAAAAARD/2gAIAQEAAQUCHP/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABYQAAMAAAAAAAAAAAAAAAAAAAAQIf/aAAgBAQAGPwIi/8QAFxABAAMAAAAAAAAAAAAAAAAAAQAQEf/aAAgBAQABPyGYWn//2gAMAwEAAgADAAAAEPwP/8QAFhEAAwAAAAAAAAAAAAAAAAAAEBFB/9oACAEDAQE/EFR//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGRABAAIDAAAAAAAAAAAAAAAAAREhABBB/9oACAEBAAE/EK7jIgCIrX//2Q==","aspectRatio":3,"src":"/static/4eac91b29c7fe4738e89e96d208cc89b/58fe7/reactphoto.jpg","srcSet":"/static/4eac91b29c7fe4738e89e96d208cc89b/e0f30/reactphoto.jpg 236w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/86afd/reactphoto.jpg 472w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/58fe7/reactphoto.jpg 944w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/02748/reactphoto.jpg 1416w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/b53a4/reactphoto.jpg 1800w","srcWebp":"/static/4eac91b29c7fe4738e89e96d208cc89b/99fbb/reactphoto.webp","srcSetWebp":"/static/4eac91b29c7fe4738e89e96d208cc89b/77392/reactphoto.webp 236w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/1f177/reactphoto.webp 472w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/99fbb/reactphoto.webp 944w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/4a492/reactphoto.webp 1416w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/60b4e/reactphoto.webp 1800w","sizes":"(max-width: 944px) 100vw, 944px"},"regular":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAHABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAciiQL//xAAWEAADAAAAAAAAAAAAAAAAAAAAARD/2gAIAQEAAQUCHP/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABYQAAMAAAAAAAAAAAAAAAAAAAAQIf/aAAgBAQAGPwIi/8QAFxABAAMAAAAAAAAAAAAAAAAAAQAQEf/aAAgBAQABPyGYWn//2gAMAwEAAgADAAAAEPwP/8QAFhEAAwAAAAAAAAAAAAAAAAAAEBFB/9oACAEDAQE/EFR//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGRABAAIDAAAAAAAAAAAAAAAAAREhABBB/9oACAEBAAE/EK7jIgCIrX//2Q==","aspectRatio":3,"src":"/static/4eac91b29c7fe4738e89e96d208cc89b/1dc0b/reactphoto.jpg","srcSet":"/static/4eac91b29c7fe4738e89e96d208cc89b/3a5ce/reactphoto.jpg 163w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/05730/reactphoto.jpg 327w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/1dc0b/reactphoto.jpg 653w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/f72c7/reactphoto.jpg 980w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/6e4a3/reactphoto.jpg 1306w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/b53a4/reactphoto.jpg 1800w","srcWebp":"/static/4eac91b29c7fe4738e89e96d208cc89b/0acdf/reactphoto.webp","srcSetWebp":"/static/4eac91b29c7fe4738e89e96d208cc89b/ac59e/reactphoto.webp 163w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/7660b/reactphoto.webp 327w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/0acdf/reactphoto.webp 653w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/75470/reactphoto.webp 980w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/68d47/reactphoto.webp 1306w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/60b4e/reactphoto.webp 1800w","sizes":"(max-width: 653px) 100vw, 653px"},"narrow":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAHABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAciiQL//xAAWEAADAAAAAAAAAAAAAAAAAAAAARD/2gAIAQEAAQUCHP/EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABYQAAMAAAAAAAAAAAAAAAAAAAAQIf/aAAgBAQAGPwIi/8QAFxABAAMAAAAAAAAAAAAAAAAAAQAQEf/aAAgBAQABPyGYWn//2gAMAwEAAgADAAAAEPwP/8QAFhEAAwAAAAAAAAAAAAAAAAAAEBFB/9oACAEDAQE/EFR//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGRABAAIDAAAAAAAAAAAAAAAAAREhABBB/9oACAEBAAE/EK7jIgCIrX//2Q==","aspectRatio":3,"src":"/static/4eac91b29c7fe4738e89e96d208cc89b/eaa58/reactphoto.jpg","srcSet":"/static/4eac91b29c7fe4738e89e96d208cc89b/5a3ee/reactphoto.jpg 114w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/41f8f/reactphoto.jpg 229w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/eaa58/reactphoto.jpg 457w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/c309b/reactphoto.jpg 686w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/e3008/reactphoto.jpg 914w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/b53a4/reactphoto.jpg 1800w","srcWebp":"/static/4eac91b29c7fe4738e89e96d208cc89b/15384/reactphoto.webp","srcSetWebp":"/static/4eac91b29c7fe4738e89e96d208cc89b/31fce/reactphoto.webp 114w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/e3e25/reactphoto.webp 229w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/15384/reactphoto.webp 457w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/0258d/reactphoto.webp 686w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/64ea2/reactphoto.webp 914w,\n/static/4eac91b29c7fe4738e89e96d208cc89b/60b4e/reactphoto.webp 1800w","sizes":"(max-width: 457px) 100vw, 457px"},"seo":{"src":"/static/4eac91b29c7fe4738e89e96d208cc89b/0ff54/reactphoto.jpg"}}},"authors":[{"authorsPage":true,"bio":"Muhamed Gaber, Web developer & science passionate.\n","id":"119c72ac-8158-5d11-87ef-9cbc7f954e2f","name":"Muhamed Gaber","featured":true,"social":[{"url":"https://github.com/MuGaber"},{"url":"https://twitter.com/Mu_Gaber"},{"url":"https://www.linkedin.com/in/muhamed-gaber/"}],"slug":"/authors/Muhamed-Gaber","avatar":{"small":{"base64":"data:image/png;base64,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","aspectRatio":0.9369747899159664,"src":"/static/b87786ae7801b0d57df0f4cfefc0cd89/02603/mugaber.png","srcSet":"/static/b87786ae7801b0d57df0f4cfefc0cd89/d406d/mugaber.png 13w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/12717/mugaber.png 25w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/02603/mugaber.png 50w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/5acf8/mugaber.png 75w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/3ba9f/mugaber.png 100w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/1827e/mugaber.png 446w","srcWebp":"/static/b87786ae7801b0d57df0f4cfefc0cd89/e7b2c/mugaber.webp","srcSetWebp":"/static/b87786ae7801b0d57df0f4cfefc0cd89/58718/mugaber.webp 13w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/74aad/mugaber.webp 25w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/e7b2c/mugaber.webp 50w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/ed320/mugaber.webp 75w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/66016/mugaber.webp 100w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/835bb/mugaber.webp 446w","sizes":"(max-width: 50px) 100vw, 50px"},"medium":{"base64":"data:image/png;base64,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","aspectRatio":0.9369747899159664,"src":"/static/b87786ae7801b0d57df0f4cfefc0cd89/3ba9f/mugaber.png","srcSet":"/static/b87786ae7801b0d57df0f4cfefc0cd89/12717/mugaber.png 25w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/02603/mugaber.png 50w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/3ba9f/mugaber.png 100w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/95f17/mugaber.png 150w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/8ac63/mugaber.png 200w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/1827e/mugaber.png 446w","srcWebp":"/static/b87786ae7801b0d57df0f4cfefc0cd89/66016/mugaber.webp","srcSetWebp":"/static/b87786ae7801b0d57df0f4cfefc0cd89/74aad/mugaber.webp 25w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/e7b2c/mugaber.webp 50w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/66016/mugaber.webp 100w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/d9b14/mugaber.webp 150w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/6b183/mugaber.webp 200w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/835bb/mugaber.webp 446w","sizes":"(max-width: 100px) 100vw, 100px"},"large":{"base64":"data:image/png;base64,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","aspectRatio":0.9369747899159664,"src":"/static/b87786ae7801b0d57df0f4cfefc0cd89/19999/mugaber.png","srcSet":"/static/b87786ae7801b0d57df0f4cfefc0cd89/6bc0d/mugaber.png 82w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/6a68f/mugaber.png 164w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/19999/mugaber.png 328w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/1827e/mugaber.png 446w","srcWebp":"/static/b87786ae7801b0d57df0f4cfefc0cd89/5a48e/mugaber.webp","srcSetWebp":"/static/b87786ae7801b0d57df0f4cfefc0cd89/2d087/mugaber.webp 82w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/29d87/mugaber.webp 164w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/5a48e/mugaber.webp 328w,\n/static/b87786ae7801b0d57df0f4cfefc0cd89/835bb/mugaber.webp 446w","sizes":"(max-width: 328px) 100vw, 328px"}}}],"basePath":"/","slug":"/React-Intro","id":"ff352673-44a8-55db-a5fd-d37be985b1e5","title":"React Intro","mailchimp":"","next":[]}}}