{"componentChunkName":"component---src-page-templates-blog-index-page-js","path":"/blog/2","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":"9fdd7e85-1707-5f51-9ae7-f3f7a90e0bb5","visible":null,"draft":null,"title":"Using Hooks in Classes","author":"ryan-florence","date":"2019-03-12T00:00:00.000-0800","tags":["React","Patterns","Hooks"],"slug":"using-hooks-in-classes","readingTime":{"text":"3 min read","time":150600,"minutes":2.51,"minutesRounded":3},"excerpt":"One of the things I love about React is that the team behind it makes upgrading so easy (thanks, React folks). With React Hooks, it's no…"},{"id":"835c65a5-68e9-5315-a064-d7e31884867f","visible":null,"draft":null,"title":"Reconciling the useEffect Tree","author":"ryan-florence","date":"2019-03-08T00:00:00.000-0800","tags":["React","Hooks","useEffect"],"slug":"react-effect-tree","readingTime":{"text":"6 min read","time":317100,"minutes":5.285,"minutesRounded":5},"excerpt":"I wanna talk a little bit about  useEffect  in React because I absolutely love it and I've noticed a bit of confusion about it in the…"},{"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…"},{"id":"2f49bc80-7b34-5fa0-8c54-f7fe7df4e6f9","visible":null,"draft":null,"title":"Welcome Back, Ryan!","author":"michael-jackson","date":"2019-02-05T20:09:00.000-0800","tags":null,"slug":"welcome-back-ryan","readingTime":{"text":"2 min read","time":103500,"minutes":1.725,"minutesRounded":2},"excerpt":"Today, after a year of working apart, I'm excited to welcome Ryan Florence back to React Training--the company we started together almost…"},{"id":"a2e6ed7f-6a49-59c0-b37a-9d891b4a53c3","visible":null,"draft":null,"title":"React, Inline Functions, and Performance","author":"ryan-florence","date":"2017-10-06T00:00:00.000-0800","tags":["React","Performance","Patterns"],"slug":"react-inline-functions-and-performance","readingTime":{"text":"15 min read","time":876300.0000000001,"minutes":14.605,"minutesRounded":15},"excerpt":"My wife and I just got through a huge remodel. We were beyond excited to show people the new digs. We showed my mother-in-law. She walked in…"},{"id":"a1b1345c-7cbd-5f88-8403-c4c3b2323507","visible":null,"draft":null,"title":"React Rally Recap, 2017","author":"michael-jackson","date":"2017-08-28T20:09:00.000-0800","tags":null,"slug":"react-rally-recap","readingTime":{"text":"5 min read","time":298800,"minutes":4.98,"minutesRounded":5},"excerpt":"On Friday night, I touched down in San Diego after an exhilarating two days in Salt Lake City at one of the best conferences I can remember…"},{"id":"925d1720-6157-5f1d-b7a4-946aee69f178","visible":null,"draft":null,"title":"Use a Render Prop!","author":"michael-jackson","date":"2017-03-07T00:00:00.000-0800","tags":["React","Patterns"],"slug":"use-a-render-prop","readingTime":{"text":"12 min read","time":669300,"minutes":11.155,"minutesRounded":11},"excerpt":"Update:  I made a PR to add Render Props to the official React docs. Update 2: Added some language to clarify that “children as a function…"}],"totalPages":2,"currentPage":2,"layout":"blog"}}}