Patterns in React TypeScript applications: making music with React introduction
Get the project source code below, and follow along with the lesson material.
Download Project Source CodeTo set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.
Lesson Transcript
[00:00 - 00:14] In this part of the course we're going to talk about some useful and common react patterns and how to use them with proper TypeScript types. We'll talk about what patterns are, why those patterns are useful, which pattern should be used in which situation, trade-offs, constraints, and limitations of some of the patterns.
[00:15 - 00:22] Specifically, we'll talk about render props and higher order components. We will use both patterns to achieve similar results so that you can compare them easier.
This lesson preview is part of the Fullstack React with TypeScript Masterclass course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.
Get unlimited access to Fullstack React with TypeScript Masterclass, plus 70+ \newline books, guides and courses with the \newline Pro subscription.
In this part of the course we're going to talk about some useful and common react patterns and how to use them with proper TypeScript types. We'll talk about what patterns are, why those patterns are useful, which pattern should be used in which situation, trade-offs, constraints, and limitations of some of the patterns. Specifically, we'll talk about render props and higher order components. We will use both patterns to achieve similar results so that you can compare them easier.