import React from "react";
import { Heading, Slide, List, ListItem, Appear } from "spectacle";

export default (
    <Slide transition={["zoom"]} bgColor="primary">
      <Heading textColor="tertiary">Virtual DOM</Heading>
        <List>
          <Appear><ListItem>DOM: abstraction of a structured text</ListItem></Appear>
          <Appear><ListItem>Virtual DOM: abstraction of the HTML DOM</ListItem></Appear>
          <Appear><ListItem>React computes diffs using Virtual DOM</ListItem></Appear>
          <Appear><ListItem>React applies diffs to DOM</ListItem></Appear>
          <Appear><ListItem>Re render the app</ListItem></Appear>
        </List>
    </Slide>
);

@@ -283,25 +283,12 @@
  of 
-a structured text
+HTML
 %3C/Li
@@ -364,17 +364,8 @@
  of 
-the HTML 
 DOM%3C
@@ -416,121 +416,29 @@
 tem%3E
-React computes diffs using Virtual DOM%3C/ListItem%3E%3C/Appear%3E%0A          %3CAppear%3E%3CListItem%3EReact
+Compute &
  appl
-ies
+y
  diffs
- to DOM
 %3C/Li

update virtual dom content