From the course: Building Modern Projects with React
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Creating the todoListItem component
From the course: Building Modern Projects with React
Creating the todoListItem component
- [Instructor] So now that we've implemented our TodoList component, the next thing we're going to do is implement this TodoListItem component to display the individual todos. And in order to do that, we're going to go through pretty much the same flow that we followed to create our TodoList. We're going to create a new file inside this todos directory that we created. We'll call it TodoListItem.js. And we'll create TodoListItem.css as well. Although we're not going to do the actual styling in this video, you can look at the exercise files if you want to take the styling out of there. And for this component, we're going to say import React from react, just like we do with all our React components. And we're going to define our actual TodoListItem component. We'll say const TodoListItem equals and then its only prop for now is going to be a single todo that it displays. And then for the JSX for this component we're going to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Building a React project from scratch1m 53s
-
The React entry point3m 10s
-
Supporting ES61m 46s
-
The Index.js file and app component3m 31s
-
Building and serving with webpack7m 15s
-
Hot-reloading with react-hot-loader3m 9s
-
Meet the sample app52s
-
Creating the todoList component1m 58s
-
Creating the todoListItem component2m 14s
-
Creating the newTodoForm component3m 29s
-
Putting the app together1m 59s
-
-
-
-
-
-
-