Join Joe Chellman for an in-depth discussion in this video Animating with ReactTransitionGroup, part of React for Web Designers (2018).
- [Instructor] in this video we're going to…make updating the list of our people more pleasant…with some animation by adding an…off-the-shelf React component made just for this purpose.…There's a very vibrant ecosystem of components…out there for React.…Because React is a user interface library…you might think it's all UI widgets like buttons,…slide shows, and so on.…Some components are actually a little more abstract…like the one we're going to work with now,…React Transition Group.…You can read more about it here on reactcommunity.org.…React Transition Group is a suite of a few components…that let you describe what happens…to a component over time using transitions.…
Usually this takes the form of animation,…which is what we're going to be using it for here.…But just know that these components…can support other types of changes as well…should you need them.…To start, let's get React Transition Group installed…and include some basic elements in our code.…So back here in my editor,…I'm going to open this RTG snippet file,…
- Identify notable features about how React works.
- Identify good early steps for any React project.
- Explain why the little PHP app that powers our API has a way to add delay.
- Outline what a lifecycle method is.
- Recall the React convention that must be followed when adding a status message.
- Explain the purpose of React.Fragment.
Skill Level Intermediate
1. Introducing React
2. First Project: Customizer
3. Second Project: Directory Browser
4. Third Project: Status Updater
Next steps: Lots more React2m 37s
- 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.