¿Qué es ReactJS?

Librería para crear aplicaciones en JavaScript

¿Qué aporta ReactJS?

Declarativo Vs Imperativo

¿Qué aporta ReactJS?

Composición de Componentes

ReactJS facilita

Flujo de Datos Unidireccional

¿Qué aporta ReactJS?

Performance

¿Qué aporta ReactJS?

Isomorfismo

Entorno ReactJS

Elementos y JSX

Entorno ReactJS

Componentes

Stateless

const HelloWorld = props => {
  return <h1>{props.message}</h1>
}

Statefull

class HelloWorld extends React.Component {
  constructor(){
    super();
    this.state = {
      active: true
    }
  }

  render(){
    return <h1>{props.message}</h1>
  }
}

Props

State

Ciclo de vida de Componentes

¿Por donde empiezo?

1

ReactJS Create App

• Entorno de desarrollo en ReactJS

2

Entorno npm

• npm Frontend Boilerplate

3

Webpack bundler

• Learn Webpack

4

ECMAScript 2015

• Exploring ES6 book

Gracias!