Date: Mon, 05 Oct 2020 06:30:00 -0000
<p>React is a frontend library that is in super high demand in the industry. But, it can be difficult to get up and running with. Today we’ll talk about with React: why it’s so great, how data flows, and the gotchas we encountered when learning it. Let’s get started!</p> <h1>Shownotes</h1> <p><strong>02:15</strong> What is React?<br /> <strong>06:35</strong> Framework vs. Library<br /> <strong>10:43</strong> Why is it helpful?<br /> <strong>12:32</strong> What is a component?<br /> <strong>22:52</strong> React's lifecycle<br /> <strong>25:47</strong> Data in React<br /> <strong>36:34</strong> JSX<br /> <strong>37:24</strong> Setting up a React app<br /> <strong>43:34</strong> Shoutouts</p> <h1>Resources</h1> <ul> <li><a href="https://www.ladybug.dev/episodes/javascript-frameworks?rq=javascript%20frameworks" rel="nofollow">JavaScript frameworks episode</a></li> <li><a href="https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/" rel="nofollow">React lifecycle</a></li> <li><a href="https://www.ladybug.dev/episodes/design-systems?rq=design%20systems" rel="nofollow">Design systems episode</a></li> <li><a href="https://ui.dev/react/" rel="nofollow">Tyler McGinnis React</a></li> <li><a href="https://epicreact.dev/" rel="nofollow">Kent Dodds Epic React</a></li> <li><a href="https://daveceddia.com/pure-react/" rel="nofollow">Dave Ceddia React</a></li> <li><a href="https://codesandbox.io/" rel="nofollow">CodeSandbox.io</a></li> <li><a href="https://welearncode.com/complete-beginners-guide-react-2020/" rel="nofollow">A Complete Beginner's Guide to React</a></li> </ul> <h1>Transcript</h1> <p><a href="https://github.com/ladybug-podcast/ladybug-website/blob/master/transcripts/51-react.md" rel="nofollow">Here</a> is the transcript for this week's episode.</p>
