Date: Mon, 22 Mar 2021 07:00:00 -0000
<p>React is a JavaScript library for building user interfaces and is one of the most widely used libraries to date. Last season we discussed the basics of React and today we’re going to dive into the more advanced aspects of the library. Let’s get started.</p> <h1>Episode Notes</h1> <ul> <li>[04:16] React Hooks</li> <li>[22:28] State Management</li> <li>[26:43] Design Patterns</li> <li>[40:39] Performance</li> <li>[49:33] Testing</li> <li>[51:15] Prop types and TypeScript</li> <li>[55:21] Shoutouts</li> </ul> <h1>Resources</h1> <ul> <li>Getting Hooked On React - https://www.ladybug.dev/episodes/getting-hooked-on-react?rq=react</li> <li>React patterns - <a href="https://reactpatterns.com/" rel="nofollow">https://reactpatterns.com/</a></li> <li>React Chrome Developer Tools - <a href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi" rel="nofollow">https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi</a></li> <li>react-window - <a href="https://react-window.now.sh/#/examples/list/fixed-size" rel="nofollow">https://react-window.now.sh/#/examples/list/fixed-size</a></li> <li>react-virtualized - <a href="https://bvaughn.github.io/react-virtualized/#/components/List" rel="nofollow">https://bvaughn.github.io/react-virtualized/#/components/List</a></li> <li>Methods of Improving & Optimizing Performance In React Apps - <a href="https://www.smashingmagazine.com/2020/07/methods-performance-react-apps/" rel="nofollow">https://www.smashingmagazine.com/2020/07/methods-performance-react-apps/</a></li> <li>React Testing Library - <a href="https://testing-library.com/docs/react-testing-library/intro/" rel="nofollow">https://testing-library.com/docs/react-testing-library/intro/</a></li> <li>Enzyme - <a href="https://enzymejs.github.io/enzyme/" rel="nofollow">https://enzymejs.github.io/enzyme/</a></li> <li>Jest - <a href="https://jestjs.io/docs/en/getting-started" rel="nofollow">https://jestjs.io/docs/en/getting-started</a></li> <li>A Complete Guide to useEffect - <a href="https://overreacted.io/a-complete-guide-to-useeffect/" rel="nofollow">https://overreacted.io/a-complete-guide-to-useeffect/</a></li> <li>Use Refs Sparingly - <a href="https://blog.logrocket.com/why-you-should-use-refs-sparingly-in-production/" rel="nofollow">https://blog.logrocket.com/why-you-should-use-refs-sparingly-in-production/</a></li> <li>Presentational and Stateful components thoughts - <a href="https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0" rel="nofollow">https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0</a></li> <li>Episode with Angie - https://www.ladybug.dev/episodes/teaching-code</li> <li>Kent C. Dodd’s Testing React - <a href="https://testingjavascript.com/" rel="nofollow">https://testingjavascript.com/</a></li> <li>TypeScript book Stefan Baumgartner - <a href="https://typescript-book.com/" rel="nofollow">https://typescript-book.com/</a></li> <li>Playground Inspector Tik Tok - <a href="https://www.tiktok.com/@lukedonkin/video/6898240190133980418?lang=en" rel="nofollow">https://www.tiktok.com/@lukedonkin/video/6898240190133980418?lang=en</a></li> </ul> <h1>Transcript</h1> <p><a href="https://github.com/ladybug-podcast/ladybug-website/blob/master/transcripts/69-intermediate-react.md" rel="nofollow">https://github.com/ladybug-podcast/ladybug-website/blob/master/transcripts/69-intermediate-react.md</a></p>
