text: import React, { useState } from 'react'
  import data from './data.json'
  import Loader from './loader'
  import logo from '../../images/platzi.png'
  import video from '../../video/conversation.mp4'
  
  console.log(data)
  function App(){
      const [loaderList, setLoaderList] = useState([])
      function handleClick(){
          setLoaderList(data.loaders)
      }
      return(
          <div>
              Qué linda aplicación hecha en ReactJS!
              <video src={video} width={360} controls poster={logo}></video>
              <p>
                  <img src={logo} alt="" width={40}/>
              </p>
              <ul>
                  {
                      loaderList.map(item=><Loader {...item} key={item.id}/>)
                  }
              </ul>
              <button onClick={handleClick}>Mostrar lo aprendido hasta el momento</button>
  
          </div>
      )
  }
  
  export default App