{"componentChunkName":"component---src-page-templates-team-member-page-js","path":"/team/brad-westfall","result":{"pageContext":{"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":"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":"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":"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…"},{"id":"658f089e-007f-5a48-8fff-3af2c28738f2","visible":null,"draft":null,"title":"Blogging with Gatsby & MDX","author":"brad-westfall","date":"2019-02-20T00:00:00.000-0800","tags":["Gatsby","React","MDX","JSX"],"slug":"gatsby-mdx-blog","readingTime":{"text":"17 min read","time":966899.9999999999,"minutes":16.115,"minutesRounded":16},"excerpt":"With free hosting options like  Firebase Hosting  (what we use),  Netlify ,  GitHub Pages  and Static Site generators like  Gatsby  and…"},{"id":"de8c1c9e-eba4-555b-9fa0-d1b85588f7a7","visible":null,"draft":null,"title":"JavaScript, the React parts","author":"brad-westfall","date":"2019-02-14T00:00:00.000-0800","tags":["JavaScript","React","Beginner"],"slug":"javascript-the-react-parts","readingTime":{"text":"20 min read","time":1182000,"minutes":19.7,"minutesRounded":20},"excerpt":"React became really popular around the same time that ES2015 (ES6) came into existence (those are just the technical version names for…"}],"teamMember":{"id":"brad-westfall","name":"Brad Westfall","avatarUrl":"/images/avatars/brad-westfall.jpg","twitterHandle":"bradwestfall"}}}}