title: React animation when removing an element
body: <p>I am quite new to React. I am trying to learn by implementing a full CRUD. However, I am unable to get animation working well for removing a course from the list.</p>
  
  <p>I have configured animation on <code>transitionAppear</code> and on <code>transitionLeave</code>.
  The <code>transitionAppear</code> works alright. I can't get the <code>transitionLeave</code></p>
  
  <p>This is my component:
  <a href="https://github.com/leonardoanalista/react-crud/blob/master/src/components/course/CourseListRow.js" rel="noreferrer">https://github.com/leonardoanalista/react-crud/blob/master/src/components/course/CourseListRow.js</a></p>
  
  <p>This is the CSS for the animation:
  <a href="https://github.com/leonardoanalista/react-crud/blob/master/src/style.css#L66" rel="noreferrer">https://github.com/leonardoanalista/react-crud/blob/master/src/style.css#L66</a></p>
  
  <p>Please let me know if there is a better approach.</p>
  
  <p>Any help would be highly appreciated!</p>
  
  <p>cheers
  Leonardo</p>