In this video, Emmanuel Henri explores in depth the code in the component and makes some changes to demonstrate what code impacts the component how.
- [Instructor] So let's explore our component … a little bit further inside of our code … and make some changes that are going … to change the way things look inside of the code. … So let's click on Edit Code, … and let me first explain everything … you're seeing here in detail. … First thing you do when you work with React, … you need to import React. … So that's kind of the first line … you'll see in every React component. … Then you need to import a few things … that we need to work from in Framer. … So we need to PropertyControls, … which is basically what we see here. … So this is basically a class … that has been created inside of Framer … that we can leverage to insert properties … inside of our property panel. … Then we need to ControlType, … which is also something else … that we're leveraging in here. … So these are the two things that are specific to Framer. … Then everything else is just... … These are regular styles from React. … This is an interface from TypeScript, … so we are creating a prop in an interface called text, …
- What is Framer X?
- Navigating the user interface
- Designing with Framer X
- Working with the layout and drawing tools
- Building interactions
- Creating simple and complex components
- Implementing overrides
- Exporting your prototype
Skill Level Intermediate
Prototyping AR User Experiences with Framerwith Emmanuel Henri51m 50s Intermediate
1. Framer X Overview
2. Design with Framer X
3. Build Interactions with Framer X
4. Create Simple Components
5. Create Complex Components
6. Advanced Features in Framer X
Next steps1m 21s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.