This video describes using assets in a project, like images.
- [Instructor] Hi, welcome to the third video…of this section.…In this video, we are going to talk…how to render assets into our webpage.…In particular, we're going to talk about images.…But the process should be exactly the same…for other types of files.…In order to achieve that, we will need to apply…some changes into our Webpack configuration…to start accepting image modules.…We're going to understand how the file-loader works…and finally, render an image inside our main component.…Let's just jump straight to the code.…
The very first thing I'm going to do…is to wrap this whole component into a div.…And the main purpose of this is to be able to create…an image tag in here which is going to have a source value.…In here, in this source value,…we're going to specify the image that we want to render.…But to do that, we'll need to have…some image in our project.…I previously downloaded the Pack logo,…but you can use any other type of image that you want.…In this case, it's a PNG, but we are also going to apply…the same configuration to JPEG.…
- Structuring React projects
- Creating and mounting the root component
- Composing components for more complex UI
- Using state to making components dynamic
Skill Level Intermediate
React: Managing Complex Interactionswith Emmanuel Henri1h 45m Intermediate
1. How to Structure React Projects
2. Diving into the First Components
3. Styling Made Easy
5. Painless Components Testing
Configure Jest5m 44s
- 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.