{"componentChunkName":"component---src-page-templates-blog-index-page-js","path":"/blog/","result":{"pageContext":{"featured":{"id":"0468eb2e-6724-579b-af0b-dd0f7e366a96","visible":null,"draft":null,"title":"How To Use and Not Use State","author":"brad-westfall","date":"2021-05-24T00:00:00.000-0800","tags":["React","Beginner","State"],"slug":"how-to-use-and-not-use-state","readingTime":{"text":"9 min read","time":486599.99999999994,"minutes":8.11,"minutesRounded":8},"excerpt":"3-part Series How is state related to the declarative approach in React?   ⭐️ How to use and not use state? How do props relate to state…"},"posts":[{"id":"0468eb2e-6724-579b-af0b-dd0f7e366a96","visible":null,"draft":null,"title":"How To Use and Not Use State","author":"brad-westfall","date":"2021-05-24T00:00:00.000-0800","tags":["React","Beginner","State"],"slug":"how-to-use-and-not-use-state","readingTime":{"text":"9 min read","time":486599.99999999994,"minutes":8.11,"minutesRounded":8},"excerpt":"3-part Series How is state related to the declarative approach in React?   ⭐️ How to use and not use state? How do props relate to state…"},{"id":"83cba9fe-9f09-5688-ba82-5a2848f66df9","visible":null,"draft":null,"title":"How is state related to the declarative approach in React?","author":"brad-westfall","date":"2021-05-13T00:00:00.000-0800","tags":["React","Beginner","State"],"slug":"state-and-the-declarative-approach","readingTime":{"text":"5 min read","time":276300,"minutes":4.605,"minutesRounded":5},"excerpt":"3-Part Series ⭐️ How is state related to the declarative approach in React? How to use and not use state? How do props relate to state…"},{"id":"e8053e0c-3472-587e-aa3f-a28ebbc56e78","visible":null,"draft":null,"title":"Working with React Context in TypeScript","author":"chance-strickland","date":"2021-02-10T20:09:00.000-0800","tags":["React","React context","TypeScript"],"slug":"react-context-with-typescript","readingTime":{"text":"6 min read","time":329100,"minutes":5.485,"minutesRounded":5},"excerpt":"Like any other technology, TypeScript can be very helpful or a giant pain in the neck. In a word, TypeScript very much embodies the notion…"},{"id":"f6ac947c-63de-5753-8217-96d8d49e9556","visible":null,"draft":null,"title":"React Router v6 Preview","author":"michael-jackson","date":"2020-04-06T10:00:00.000-0800","tags":["React","React Router"],"slug":"react-router-v6-pre","readingTime":{"text":"12 min read","time":672000,"minutes":11.2,"minutesRounded":11},"excerpt":"The next major version of React Router, version 6, is just around the corner. We\npublished the  first alpha release back in\nJanuary ,\nand we…"},{"id":"25f138c1-24a8-53bb-b19e-88b27244c29b","visible":null,"draft":null,"title":"React: \"mount\" vs \"render\"?","author":"brad-westfall","date":"2020-01-31T00:00:00.000-0800","tags":["React","Beginner"],"slug":"mount-vs-render","readingTime":{"text":"5 min read","time":294600,"minutes":4.91,"minutesRounded":5},"excerpt":"Here's a brief  tldr; \"Rendering\" is any time a function component gets called (or a class-based  render  method gets called) which returns…"},{"id":"43bee04f-3a00-574d-9d4f-a59530be3cec","visible":null,"draft":null,"title":"useEffect(fn, []) is not the new componentDidMount()","author":"brad-westfall","date":"2020-01-31T00:00:00.000-0800","tags":["React","hooks","useEffect"],"slug":"useEffect-is-not-the-new-componentDidMount","readingTime":{"text":"12 min read","time":681900,"minutes":11.365,"minutesRounded":11},"excerpt":"We often times do some setup when the component first mounts like a network call or a subscription. We have taught ourselves to think in…"},{"id":"137495b8-b549-54ff-9b38-f1f523a9cb13","visible":null,"draft":null,"title":"Portals with Context","author":"brad-westfall","date":"2019-10-21T00:00:00.000-0800","tags":["React","Beginner"],"slug":"portals-with-context","readingTime":{"text":"7 min read","time":420300,"minutes":7.005,"minutesRounded":7},"excerpt":"It seems like React's context is starting to become much more widely adopted, especially since the hook  useContext  makes it much easier…"},{"id":"e15b0f68-f03c-5712-85ee-d807218e3dee","visible":null,"draft":null,"title":"When do I use functions in a Hooks Dependency Array?","author":"brad-westfall","date":"2019-09-30T00:00:00.000-0800","tags":["React","Hooks"],"slug":"when-to-use-functions-in-hooks-dependency-array","readingTime":{"text":"8 min read","time":452400,"minutes":7.54,"minutesRounded":8},"excerpt":"Hooks were designed to bring functional composition to React, but there are some rules that you'll need to follow in order for them to work…"},{"id":"f1b0dc3a-554f-54a0-aabe-fa6c942057ea","visible":null,"draft":null,"title":"React Router v5.1","author":"michael-jackson","date":"2019-09-24T14:15:00.000-0800","tags":["React","React Router"],"slug":"react-router-v5-1","readingTime":{"text":"9 min read","time":487500,"minutes":8.125,"minutesRounded":8},"excerpt":"Today, we are releasing  React Router version 5.1 . This post will discuss the 5.1 release as well as discuss a few things you can do to…"},{"id":"1eef6967-08df-53ba-b385-b7f8b7f6f767","visible":null,"draft":null,"title":"The Future of React Router and @reach/router","author":"ryan-florence","date":"2019-05-17T00:00:00.000-0800","tags":["React","React Router","Reach Router"],"slug":"reach-react-router-future","readingTime":{"text":"5 min read","time":280799.99999999994,"minutes":4.68,"minutesRounded":5},"excerpt":"tl;dr We are bringing together the best of React Router and Reach Router into a new, hook-based API. React Router will be the surviving…"},{"id":"4ef2a85d-140f-514d-952c-56869c78edde","visible":null,"draft":null,"title":"Wins for Hooks","author":"brad-westfall","date":"2019-03-28T00:00:00.000-0800","tags":["React","Hooks"],"slug":"wins-for-hooks","readingTime":{"text":"2 min read","time":88200,"minutes":1.47,"minutesRounded":1},"excerpt":"Now that hooks have been released for... 🤔 checks watch  ...less than two months, you've probably noticed there are a few obvious wins if…"},{"id":"e6b035a8-3e0f-527d-b276-ebf5aee9aff5","visible":null,"draft":null,"title":"Blog Claps, and lessons on Hooks 🎉","author":"brad-westfall","date":"2019-03-21T00:00:00.000-0800","tags":["React","Hooks"],"slug":"blog-claps-and-lessons-on-hooks","readingTime":{"text":"7 min read","time":402900,"minutes":6.715,"minutesRounded":7},"excerpt":"Last week we finished migrating our React Training Blog off Medium and into here. As I was doing the migration I thought, Michael and Ryan…"},{"id":"86cc50b5-7c00-5323-a8b9-5bf015433dc9","visible":null,"draft":null,"title":"React Router v5","author":"michael-jackson","date":"2019-03-20T14:15:00.000-0800","tags":["React","React Router"],"slug":"react-router-v5","readingTime":{"text":"7 min read","time":361200,"minutes":6.02,"minutesRounded":6},"excerpt":"Today, we are excited to announce the release of  React Router version 5 . You can get it using: tl;dr React Router version 5 is now…"},{"id":"9e139015-e32c-5508-9759-07e6427bd6f4","visible":null,"draft":null,"title":"Announcing Reach UI Tabs","author":"ryan-florence","date":"2019-03-18T00:00:00.000-0800","tags":["React","Reach UI"],"slug":"reach-tabs","readingTime":{"text":"4 min read","time":229200,"minutes":3.82,"minutesRounded":4},"excerpt":"The latest member of the Reach UI family is here! Tab interfaces are incredibly common on the web, and really easy to build a naive version…"},{"id":"0d7cca9c-1e16-562c-8bb3-c3dc64815cfc","visible":null,"draft":null,"title":"Flow Control in React","author":"brad-westfall","date":"2019-03-14T00:00:00.000-0800","tags":["React","JSX","Beginner"],"slug":"flow-control-in-react","readingTime":{"text":"6 min read","time":352200,"minutes":5.87,"minutesRounded":6},"excerpt":"Learning how to do JSX with React can be really fun for those who are starting out (once you've  mastered some of the confusing parts ). It…"},{"id":"84a01e2f-0f79-51d2-9472-171db6e1952e","visible":null,"draft":null,"title":"JSX: The Confusing Parts","author":"brad-westfall","date":"2019-03-14T00:00:00.000-0800","tags":["JSX","React","Beginner"],"slug":"jsx-the-confusing-parts","readingTime":{"text":"17 min read","time":1018199.9999999999,"minutes":16.97,"minutesRounded":17},"excerpt":"This article doesn't attempt to explain every single aspect of JSX, but rather to explain the parts that most people find difficult to grasp…"}],"totalPages":2,"currentPage":1,"layout":"blog"}}}