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.
Episode Notes
[04:16] React Hooks[22:28] State Management[26:43] Design Patterns[40:39] Performance[49:33] Testing[51:15] Prop types and TypeScript[55:21] ShoutoutsResources
Getting Hooked On React - https://www.ladybug.dev/episodes/getting-hooked-on-react?rq=reactReact patterns - https://reactpatterns.com/React Chrome Developer Tools - https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihireact-window - https://react-window.now.sh/#/examples/list/fixed-sizereact-virtualized - https://bvaughn.github.io/react-virtualized/#/components/ListMethods of Improving & Optimizing Performance In React Apps - https://www.smashingmagazine.com/2020/07/methods-performance-react-apps/React Testing Library - https://testing-library.com/docs/react-testing-library/intro/Enzyme - https://enzymejs.github.io/enzyme/Jest - https://jestjs.io/docs/en/getting-startedA Complete Guide to useEffect - https://overreacted.io/a-complete-guide-to-useeffect/Use Refs Sparingly - https://blog.logrocket.com/why-you-should-use-refs-sparingly-in-production/Presentational and Stateful components thoughts - https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0Episode with Angie - https://www.ladybug.dev/episodes/teaching-codeKent C. Dodd’s Testing React - https://testingjavascript.com/TypeScript book Stefan Baumgartner - https://typescript-book.com/Playground Inspector Tik Tok - https://www.tiktok.com/@lukedonkin/video/6898240190133980418?lang=enTranscript
https://github.com/ladybug-podcast/ladybug-website/blob/master/transcripts/69-intermediate-react.md