Ejercicio 1 Componentes y propiedades

[zamarrowski]

App.js

<Title text="Necesito partir en componentes todo esto" />
        <Text>Para ello puedo usar React que me permitirá poder reutilizar todos esos componentes. Para ello tengo que:</Text>
        <List>
          <ListItem>Observar el HTML</ListItem>
          <ListItem>Pensar en como puedo extraer cada trozo en componentes</ListItem>
          <ListItem>Usarlos en React</ListItem>
        </List>
        <Link to="https://reactjs.org/" text="React Docs" />

Title.js

import React from 'react'

export default props => <h1>{props.text}</h1>

Text.js

import React from 'react'

export default props =>
  <p>{props.children}</p>

List.js

import React from 'react'

export default props =>
  <ul>
    {props.children}
  </ul>

ListItem.js

import React from 'react'

export default props => <li>{props.children}</li>

Link.js

import React from 'react'

export default props =>
  <a href={props.to} target={props.openInNewTab ? '_blank' : '_self'}>{props.text}</a>