Este documento habla sobre ReactJS, una librería de JavaScript para construir interfaces de usuario. ReactJS utiliza un enfoque basado en componentes donde cada componente recibe datos a través de props y retorna elementos de interfaz de usuario. También implementa el "Virtual DOM" para mejorar el rendimiento al renderizar sólo los cambios en la interfaz en lugar de volver a renderizarla completamente.

1. CONSTRUCCIÓN
DE INTERFACES
DE USUARIO
2do Cuatrimestre de 2018
7.
ReactJS

2. React
2
▸ Es una librería de Javascript.
▸ Se encuentra basado en componentes.
▸ Implementaron el “Virtual DOM”
▸ Defina la extensión .JSX
▹ Es una extensión definida por Facebook en la
que se puede escribir html junto al javascript sin
tener que definirlo como un String.

3. Lifecycle
3

4. Componentes
4
(props) => <h1>Hola</h1>
class Greeter extends React.Component {
render() {
return <h1>Hola</h1>
}
}

5. 5