From the course: React Foundations by Pearson
Unlock this course with a free trial
Join today to access over 25,600 courses taught by industry experts.
Lab: creating functional components - React.js Tutorial
From the course: React Foundations by Pearson
Lab: creating functional components
Okay, so it's lab time again. This is the lab for lesson three. In this lab, you're going to refactor the library web application that we looked at in lesson two, which previously used class components. You're going to rewrite it or to tweak it, really, it's not a difficult exercise, this one. instead of using class components, it'll use functional components instead. Okay, so there won't be any semantic changes. It will basically behave the same way as before, but it'll use functional components rather than class components. And generally speaking, that's the way to go. Functional components are the future. Class components still exist, but if you're writing new code today, functional components is the preferred approach. So these are the locations for the code for this lab. If you're on to the student folder is react-dev-student 03 functional components. I've got full solution code here react-dev-solutions 03 functional components. So here we go so in react-dev-student 03 functional…
Contents
-
-
-
-
-
(Locked)
Learning objectives1m 26s
-
(Locked)
Introduction to functional components4m 53s
-
(Locked)
Defining simple functional components6m 59s
-
(Locked)
Creating a more ambitious user interface3m 27s
-
(Locked)
Passing properties to a functional component8m 30s
-
(Locked)
Destructuring properties10m 3s
-
(Locked)
Lab: creating functional components7m 49s
-
(Locked)
Lab solution: Creating functional components7m 39s
-
(Locked)
-
-
-
-
-
-
-
-
-
-