From the course: Building Modern Projects with React
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Putting the app together
From the course: Building Modern Projects with React
Putting the app together
- [Instructor] Okay, so now that we have our to-do list, to-do list item, and new to-do form components created, there's just two more things that we have to do before we can run our app and see these new components in action. The first thing we have to do is open up our app.js component, and instead of displaying Hello, World here, we're going to display our to-do list that we created. So in order to do that, we just have to say import TodoList from dot slash todos slash TodoList, and then replace this with TodoList, and then we're going to open up our to-do list, and add the new to-do form component at the top of that. So we're going to say import NewTodoForm from dot slash NewTodoForm, and put that at the very top here. And in order to prevent our app from getting an error, we're going to have a default value for our to dos prop here. And that should be all we need for now. If we run npm, run dev, and open up our app,…
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
-
(Locked)
The React entry point3m 10s
-
(Locked)
Supporting ES61m 46s
-
(Locked)
The Index.js file and app component3m 31s
-
(Locked)
Building and serving with webpack7m 15s
-
(Locked)
Hot-reloading with react-hot-loader3m 9s
-
(Locked)
Meet the sample app52s
-
(Locked)
Creating the todoList component1m 58s
-
(Locked)
Creating the todoListItem component2m 14s
-
(Locked)
Creating the newTodoForm component3m 29s
-
(Locked)
Putting the app together1m 59s
-
-
-
-
-
-
-