{"componentChunkName":"component---src-templates-index-js","path":"/2","result":{"pageContext":{"isCreatedByStatefulCreatePages":false,"group":[{"frontmatter":{"excerpt":"Learn how to store, retrieve, and update user-generated data in your React Native apps with Firebase.","slug":"storing-retrieving-data-react-native-apps-firebase","title":"Storing and retrieving data for React Native apps with Firebase","date":"06 February, 2020","dateForSorting":"6-2-2020","image":{"childImageSharp":{"fluid":{"src":"/static/c2b47dce7c85e46c3fc472fa4697bc95/0393b/storing-retrieving-data-react-native-apps-firebase.jpg","srcSet":"/static/c2b47dce7c85e46c3fc472fa4697bc95/5398f/storing-retrieving-data-react-native-apps-firebase.jpg 200w,\n/static/c2b47dce7c85e46c3fc472fa4697bc95/26a4d/storing-retrieving-data-react-native-apps-firebase.jpg 400w,\n/static/c2b47dce7c85e46c3fc472fa4697bc95/0393b/storing-retrieving-data-react-native-apps-firebase.jpg 730w","aspectRatio":1.5020576131687242,"sizes":"(max-width: 730px) 100vw, 730px","base64":"data:image/jpeg;base64,/9j/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMEAgb/xAAVAQEBAAAAAAAAAAAAAAAAAAACAf/aAAwDAQACEAMQAAAB6ZFqxazAz//EABoQAAIDAQEAAAAAAAAAAAAAAAECAAMREiH/2gAIAQEAAQUCvZ0qovdpgh9jKOhmf//EABcRAAMBAAAAAAAAAAAAAAAAAAIQEkL/2gAIAQMBAT8BGdL/xAAYEQACAwAAAAAAAAAAAAAAAAADEhAjMf/aAAgBAgEBPwErrXsf/8QAHBAAAgEFAQAAAAAAAAAAAAAAAAEhAhARIjFR/9oACAEBAAY/AtOmK5fpDVmcP//EABkQAQEBAQEBAAAAAAAAAAAAAAEhABFRMf/aAAgBAQABPyGI1emE5Q6I9x5jAIJFwiJah93Ixv/aAAwDAQACAAMAAAAQNO//xAAXEQEAAwAAAAAAAAAAAAAAAAABEBFB/9oACAEDAQE/EHZxH//EABgRAAIDAAAAAAAAAAAAAAAAAAEhEEFR/9oACAECAQE/ECUAa8j/xAAdEAEAAgEFAQAAAAAAAAAAAAABESEAMUFRYXGR/9oACAEBAAE/EAqkxYYh0oe3inBrgtagc/SKvISzjvGAqQQNgTp3hijoQTN/cNlKSqTn/9k="}}},"tags":["React Native","Firebase"]}},{"frontmatter":{"excerpt":"Learn how to trigger animations during the mounting and unmounting stages of your React components.","slug":"animating-react-components-using-react-transition-group","title":"Animating React Components Using React Transition Group","date":"31 January, 2020","dateForSorting":"31-1-2020","image":null,"tags":["react"]}},{"frontmatter":{"excerpt":"In this article, you will learn how to use React’s Context API which allows you to manage global application states in your React apps without resorting to props drilling.","slug":"an-introduction-to-react-context-api","title":"An Introduction to React's Context API","date":"13 January, 2020","dateForSorting":"13-1-2020","image":null,"tags":["react"]}},{"frontmatter":{"excerpt":"Avoid unnecessary markup in your React code using React Fragments.","slug":"avoiding-unnecessary-markup-with-react-fragments","title":"Avoiding Unnecessary Markup with React Fragments","date":"06 January, 2020","dateForSorting":"6-1-2020","image":{"childImageSharp":{"fluid":{"src":"/static/282796ac794c4a79b408cd363085185c/57238/ReactFragmentsCover.jpg","srcSet":"/static/282796ac794c4a79b408cd363085185c/5398f/ReactFragmentsCover.jpg 200w,\n/static/282796ac794c4a79b408cd363085185c/26a4d/ReactFragmentsCover.jpg 400w,\n/static/282796ac794c4a79b408cd363085185c/57238/ReactFragmentsCover.jpg 800w,\n/static/282796ac794c4a79b408cd363085185c/23dde/ReactFragmentsCover.jpg 1200w,\n/static/282796ac794c4a79b408cd363085185c/526a4/ReactFragmentsCover.jpg 1600w,\n/static/282796ac794c4a79b408cd363085185c/6ba27/ReactFragmentsCover.jpg 2702w","aspectRatio":1.8232118758434548,"sizes":"(max-width: 800px) 100vw, 800px","base64":"data:image/jpeg;base64,/9j/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wgARCAALABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAIDBv/EABUBAQEAAAAAAAAAAAAAAAAAAAAC/9oADAMBAAIQAxAAAAHLTrVIH//EABcQAQEBAQAAAAAAAAAAAAAAAAECIEH/2gAIAQEAAQUC7UgY/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFhAAAwAAAAAAAAAAAAAAAAAAACAx/9oACAEBAAY/Air/AP/EABoQAQABBQAAAAAAAAAAAAAAAAERACAhUWH/2gAIAQEAAT8hCQTHawIrq3//2gAMAwEAAgADAAAAEEgf/8QAFhEBAQEAAAAAAAAAAAAAAAAAARAR/9oACAEDAQE/EEdn/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAHRABAAEDBQAAAAAAAAAAAAAAAREAICExQVFhkf/aAAgBAQABPxAmAVBWh20KZTDhvmSHiPbf/9k="}}},"tags":["react"]}}],"pathPrefix":"","first":false,"last":false,"index":2,"pageCount":5,"additionalContext":{}}}}