{"componentChunkName":"component---src-templates-post-jsx","path":"/handling-user-authentication-firebase-react-apps","result":{"data":{"mdx":{"frontmatter":{"slug":"handling-user-authentication-firebase-react-apps","title":"Handling user authentication with Firebase in your React apps","date":"05 March, 2020","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wgARCAANABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAUCAwQG/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAeSvzs6VkRP/xAAaEAACAgMAAAAAAAAAAAAAAAAAAQIxAwRC/9oACAEBAAEFAo3yK5Y0tc//xAAWEQADAAAAAAAAAAAAAAAAAAAQERL/2gAIAQMBAT8Blj//xAAWEQEBAQAAAAAAAAAAAAAAAAAAERL/2gAIAQIBAT8B1Ff/xAAZEAACAwEAAAAAAAAAAAAAAAABEAACEVL/2gAIAQEABj8Chxi3S//EABsQAAEEAwAAAAAAAAAAAAAAABEAARAhMUGh/9oACAEBAAE/IWG2E4BRGLcTiP/aAAwDAQACAAMAAAAQeP8A/8QAFxEBAAMAAAAAAAAAAAAAAAAAARAxQf/aAAgBAwEBPxAVcj//xAAWEQEBAQAAAAAAAAAAAAAAAAAAEYH/2gAIAQIBAT8Qjan/xAAaEAEAAwEBAQAAAAAAAAAAAAABABEhMRBh/9oACAEBAAE/EByWNYARa11QyN246OS3igtUcfevn//Z","aspectRatio":1.5020576131687242,"src":"/static/2a8921de0a890ad345b9557a3e5e494c/0393b/user-authentication-firebase-react.jpg","srcSet":"/static/2a8921de0a890ad345b9557a3e5e494c/5398f/user-authentication-firebase-react.jpg 200w,\n/static/2a8921de0a890ad345b9557a3e5e494c/26a4d/user-authentication-firebase-react.jpg 400w,\n/static/2a8921de0a890ad345b9557a3e5e494c/0393b/user-authentication-firebase-react.jpg 730w","srcWebp":"/static/2a8921de0a890ad345b9557a3e5e494c/db449/user-authentication-firebase-react.webp","srcSetWebp":"/static/2a8921de0a890ad345b9557a3e5e494c/04c4c/user-authentication-firebase-react.webp 200w,\n/static/2a8921de0a890ad345b9557a3e5e494c/ebea1/user-authentication-firebase-react.webp 400w,\n/static/2a8921de0a890ad345b9557a3e5e494c/db449/user-authentication-firebase-react.webp 730w","sizes":"(max-width: 730px) 100vw, 730px"}}},"excerpt":"Learn how to add user authentication to your React apps using Firebase, allowing for both Google authentication and email/password sign-in."},"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  \"slug\": \"handling-user-authentication-firebase-react-apps\",\n  \"date\": \"05 March, 2020\",\n  \"dateForSorting\": \"2020-03-05T13:53:50.810Z\",\n  \"title\": \"Handling user authentication with Firebase in your React apps\",\n  \"tags\": [\"react\", \"Firebase\"],\n  \"excerpt\": \"Learn how to add user authentication to your React apps using Firebase, allowing for both Google authentication and email/password sign-in.\",\n  \"image\": \"/assets/user-authentication-firebase-react.jpeg\"\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, \"In this article you will learn how to add user authentication to your React apps using Firebase, allowing for both Google authentication and email/password sign-in.\"), mdx(\"p\", null, \"You can check out \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://blog.logrocket.com/user-authentication-firebase-react-apps/\"\n  }), \"the full article\"), \" on LogRocket.\"), mdx(\"p\", null, \"I hope it helps!\"));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"handling-user-authentication-firebase-react-apps"}}}