{
    "componentChunkName": "component---src-components-tags-jsx",
    "path": "/tags/react/",
    "result": {"data":{"allMdx":{"totalCount":6,"edges":[{"node":{"fields":{"slug":"/blog/how-to-render-relevant-icons-based-on-content/"},"id":"5d3b0d04-9f35-5ba3-9e08-e58e4b4d4312","frontmatter":{"title":"How To Render Relevant Icons Based on Content","category":["tutorial"],"description":"This article walks through how I use React to render icons that are tailored to the specific content.","date":"September 12, 2020","slug":"how-to-render-relevant-icons-based-on-content","tags":["React"]}}},{"node":{"fields":{"slug":"/blog/server-side-rendering-react-hydration-best-practices/"},"id":"684d3537-a45d-5941-9ea0-2c0ab9edb270","frontmatter":{"title":"Keeping Server-Side Rendering Cool With React Hydration","category":null,"description":"The purpose of this article is to share some helpful things to keep in mind to render a seamless experience as a Server-Side Rendered (SSR) site transitions from a window-less (server) environment to a browser.","date":"August 14, 2020","slug":"server-side-rendering-react-hydration-best-practices","tags":["React","SSR"]}}},{"node":{"fields":{"slug":"/blog/2020-04-04-refactoring-use-state-to-use-reducer/"},"id":"7aaec4f2-4c3a-5431-8714-fc4082af0b41","frontmatter":{"title":"Refactoring useState() To useReducer()","category":["tutorial"],"description":"This article walks through how to combine multiple useState() React hooks logic into a single useReducer().","date":"April 04, 2020","slug":"2020-04-04-refactoring-use-state-to-use-reducer","tags":["React","React Hooks","Reduce"]}}},{"node":{"fields":{"slug":"/blog/create-gatsby-blog-search-tutorial/"},"id":"751b1c17-a947-5b40-9c6f-8fd2b3f7f226","frontmatter":{"title":"How to Add Search Functionality to a Gatsby Blog","category":["tutorial"],"description":"This tutorial will walk through how to create functionality to allow users to filter posts on a Gatsby site by description, title and, tags. ","date":"November 26, 2019","slug":"create-gatsby-blog-search-tutorial","tags":["Gatsby","JavaScript","React","Tutorial"]}}},{"node":{"fields":{"slug":"/blog/less-javascript-is-more/"},"id":"51df8cc1-ce76-56d3-8806-f2df179ab4ae","frontmatter":{"title":"Less JavaScript Makes Font Awesome More Awesome","category":["resources"],"description":"Recently, I looked into tackling a rendering issue with Font Awesome fonts used on this site by removing JavaScript...","date":"November 09, 2019","slug":"less-javascript-is-more","tags":["React","JavaScript","Font Awesome","Performance"]}}},{"node":{"fields":{"slug":"/blog/greys-anatomy-lorem-ipsum-generator/"},"id":"8e0c1df6-cce2-5ffa-9bfc-31490ec3c746","frontmatter":{"title":"Grey's Anatomy Lorem Ipsum Generator Tutorial","category":["tutorial"],"description":"This tutorial is going to walk through how to create a Grey’s Anatomy or other-themed Lorem Ipsum generator with React and Netlify Functions","date":"June 02, 2019","slug":"greys-anatomy-lorem-ipsum-generator","tags":["Tutorial","JavaScript","React","Netlify","Linguistics"]}}}]}},"pageContext":{"tag":"React"}},
    "staticQueryHashes": []}