In this video, Emmanuel Henri continues to work with the overrides and finalizes the integration of the code with the prototype.
- [Instructor] Let's continue working with code overrides … and update some code in this Examples.tsx file. … So before we do that I want to make sure you understand … what we're reading in here. … So the first thing tsx is an extension … for a TypeScript file. … So whenever you create a new file, … you're going to create a file that is .tsx. … Now the second thing that I want to take a look at … is what we import. … We're importing two packages from Framer … and there's more packages that you can import. … And we're going to take a look at this … when we explore the APIs. … But for now we're only importing data and overrides … which are used inside of the code. … So if you click on something you'll see where it's used. … Same thing with data. … And then what we're doing is constructing a data object … with these items here, … and we're using this in the code later on. … So if we're looking down here, data is used here, … so data.rotateY is used here, so right now it's at zero. … And then if we're toggling it, it's going to be at 180, …
Released
9/20/2019- Setting up design files
- Importing and exporting files
- Enabling side-scrolling
- Adding animation to scrolling
- Animating the summary detail
- Transitioning to the detail card
- Inserting video elements
- Inserting sounds
- Adding SVG animations
- Delivering for review
Share this video
Embed this video
Video: Update code for further interactions