Sign in Go Pro

Advanced React Native

Higher Order Components

This lesson is for PRO members.

Upgrade today to get access to all the PRO lessons.

Unlock this lesson
Autoplay

Up next

Previous

About

Higher Order Components are a construct that allows you to reuse code, and enhance the abilities of your existing components. They are functions that take in one component, and return a new, augmented component.

We'll use the higher order component technique to make a new "Fade Out" function, that will allow us to pass in our TodoItem component, and out a new, FadeableTodoItem component. That will allow us to remove all of the delete animation code from TodoItem, and centralize it in the FadeOut component.

Summary of Content:

  • Create a new FadeOut higher order component
  • Move the delete animation code to FadeOut
  • Use the fadeout function to make a new fadeable todo component

Resources:

https://reactjs.org/docs/higher-order-components.html

Instructor

Links

Comments

There are no comments on this lesson, start the conversation below ...

>
You need to go PRO to post comments.

Lessons in Advanced React Native